@cometchat/chat-uikit-react 5.0.4 → 5.0.6

package/dist/types/components/BaseComponents/CometChatListItem/useCometChatListItem.d.ts

@@ -1,12 +1,15 @@
 import { MouseEvent } from "react";
-export declare const useCometChatListItem: ({ id, onListItemClicked }: {
-    id?: string | undefined;
-    onListItemClicked?: (({ id: string }: {
-        id?: string | undefined;
-    }) => void) | undefined;
-}) => {
+interface ICometChatListItem {
+    id?: string;
+    onListItemClicked?: (input: {
+        id: string;
+    }) => void;
+    menuRef: React.RefObject<HTMLDivElement>;
+}
+export declare const useCometChatListItem: ({ id, onListItemClicked, menuRef, }: ICometChatListItem) => {
     listItemClick: (event: MouseEvent<HTMLDivElement>) => void;
     isHovering: boolean;
     showTail: () => void;
     hideTail: () => void;
 };
+export {};

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

@@ -14,6 +14,9 @@ interface PopoverProps {
     content: ReactNode;
     childClickHandler?: (openContent: Function, event: Event) => void;
     onOutsideClick?: () => void;
+    disableBackgroundInteraction?: boolean;
+    useParentContainer?: boolean;
+    useParentHeight?: boolean;
 }
 declare const CometChatPopover: import("react").ForwardRefExoticComponent<PopoverProps & import("react").RefAttributes<{
     openPopover: () => void;

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

@@ -17,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.
@@ -59,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/constants/CometChatUIKitConstants.d.ts

@@ -4,6 +4,7 @@ export declare class CometChatUIKitConstants {
         custom: string;
         action: string;
         call: string;
+        interactive: string;
     }>;
     static MessageTypes: Readonly<{
         text: string;
@@ -14,6 +15,10 @@ export declare class CometChatUIKitConstants {
         delete: "delete";
         edited: "edited";
         groupMember: "groupMember";
+        form: "form";
+        card: "card";
+        customInteractive: "customInteractive";
+        scheduler: "scheduler";
     }>;
     static groupMemberAction: Readonly<{
         ROLE: "role";
@@ -96,7 +101,6 @@ export declare class CometChatUIKitConstants {
         CUSTOM_MESSAGE_RECEIVED: "onCustomMessageReceived";
         TRANSIENT_MESSAGE_RECEIVED: "onTransientMessageReceived";
         INTERACTIVE_MESSAGE_RECEIVED: "onInteractiveMessageReceived";
-        INTERACTION_GOAL_COMPLETED: "onInteractionGoalCompleted";
         DELIVERY: "delivery";
         READ: "read";
         APP_SYSTEM: "app_system";

package/dist/types/events/CometChatMessageEvents.d.ts

@@ -33,6 +33,10 @@ export declare class CometChatMessageEvents {
     static onTransientMessageReceived: Subject<CometChat.TransientMessage>;
     static onMessageReactionAdded: Subject<CometChat.ReactionEvent>;
     static onMessageReactionRemoved: Subject<CometChat.ReactionEvent>;
+    static onCustomInteractiveMessageReceived: Subject<CometChat.InteractiveMessage>;
+    static onFormMessageReceived: Subject<CometChat.InteractiveMessage>;
+    static onCardMessageReceived: Subject<CometChat.InteractiveMessage>;
+    static onSchedulerMessageReceived: Subject<CometChat.InteractiveMessage>;
 }
 /**
 * Interface for message-related events

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

@@ -411,6 +411,10 @@ declare class CometChatLocalize {
             NO_USERS_FOUND: string;
             USERS_EMPTY_STATE_MESSAGE: string;
             SAVE: string;
+            MESSAGE_TYPE_NOT_SUPPORTED: string;
+            MESSAGE_ALREADY_TRANSLATED: string;
+            MEDIA_RECORDER_ERROR_TITLE: string;
+            MEDIA_RECORDER_ERROR_SUBTITLE: string;
         };
         de: {
             INFO: string;
@@ -804,6 +808,10 @@ declare class CometChatLocalize {
             NO_USERS_FOUND: string;
             USERS_EMPTY_STATE_MESSAGE: string;
             SAVE: string;
+            MESSAGE_TYPE_NOT_SUPPORTED: string;
+            MESSAGE_ALREADY_TRANSLATED: string;
+            MEDIA_RECORDER_ERROR_TITLE: string;
+            MEDIA_RECORDER_ERROR_SUBTITLE: string;
         };
         en: {
             INFO: string;
@@ -1201,6 +1209,10 @@ declare class CometChatLocalize {
             NO_USERS_FOUND: string;
             USERS_EMPTY_STATE_MESSAGE: string;
             SAVE: string;
+            MESSAGE_TYPE_NOT_SUPPORTED: string;
+            MESSAGE_ALREADY_TRANSLATED: string;
+            MEDIA_RECORDER_ERROR_TITLE: string;
+            MEDIA_RECORDER_ERROR_SUBTITLE: string;
         };
         es: {
             INFO: string;
@@ -1602,6 +1614,10 @@ declare class CometChatLocalize {
             NO_USERS_FOUND: string;
             USERS_EMPTY_STATE_MESSAGE: string;
             SAVE: string;
+            MESSAGE_TYPE_NOT_SUPPORTED: string;
+            MESSAGE_ALREADY_TRANSLATED: string;
+            MEDIA_RECORDER_ERROR_TITLE: string;
+            MEDIA_RECORDER_ERROR_SUBTITLE: string;
         };
         fr: {
             INFO: string;
@@ -1998,6 +2014,10 @@ declare class CometChatLocalize {
             NO_USERS_FOUND: string;
             USERS_EMPTY_STATE_MESSAGE: string;
             SAVE: string;
+            MESSAGE_TYPE_NOT_SUPPORTED: string;
+            MESSAGE_ALREADY_TRANSLATED: string;
+            MEDIA_RECORDER_ERROR_TITLE: string;
+            MEDIA_RECORDER_ERROR_SUBTITLE: string;
         };
         hi: {
             INFO: string;
@@ -2394,6 +2414,10 @@ declare class CometChatLocalize {
             NO_USERS_FOUND: string;
             USERS_EMPTY_STATE_MESSAGE: string;
             SAVE: string;
+            MESSAGE_TYPE_NOT_SUPPORTED: string;
+            MESSAGE_ALREADY_TRANSLATED: string;
+            MEDIA_RECORDER_ERROR_TITLE: string;
+            MEDIA_RECORDER_ERROR_SUBTITLE: string;
         };
         ms: {
             INFO: string;
@@ -2794,6 +2818,10 @@ declare class CometChatLocalize {
             NO_USERS_FOUND: string;
             USERS_EMPTY_STATE_MESSAGE: string;
             SAVE: string;
+            MESSAGE_TYPE_NOT_SUPPORTED: string;
+            MESSAGE_ALREADY_TRANSLATED: string;
+            MEDIA_RECORDER_ERROR_TITLE: string;
+            MEDIA_RECORDER_ERROR_SUBTITLE: string;
         };
         pt: {
             INFO: string;
@@ -3189,6 +3217,10 @@ declare class CometChatLocalize {
             NO_USERS_FOUND: string;
             USERS_EMPTY_STATE_MESSAGE: string;
             SAVE: string;
+            MESSAGE_TYPE_NOT_SUPPORTED: string;
+            MESSAGE_ALREADY_TRANSLATED: string;
+            MEDIA_RECORDER_ERROR_TITLE: string;
+            MEDIA_RECORDER_ERROR_SUBTITLE: string;
         };
         ru: {
             INFO: string;
@@ -3582,6 +3614,10 @@ declare class CometChatLocalize {
             NO_USERS_FOUND: string;
             USERS_EMPTY_STATE_MESSAGE: string;
             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;
@@ -3988,6 +4024,10 @@ declare class CometChatLocalize {
             NO_USERS_FOUND: string;
             USERS_EMPTY_STATE_MESSAGE: string;
             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;
@@ -4381,6 +4421,11 @@ declare class CometChatLocalize {
             NO_USERS_FOUND: string;
             USERS_EMPTY_STATE_MESSAGE: string;
             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;
@@ -4777,6 +4822,10 @@ declare class CometChatLocalize {
             NO_USERS_FOUND: string;
             USERS_EMPTY_STATE_MESSAGE: string;
             SAVE: string;
+            MESSAGE_TYPE_NOT_SUPPORTED: string;
+            MESSAGE_ALREADY_TRANSLATED: string;
+            MEDIA_RECORDER_ERROR_TITLE: string;
+            MEDIA_RECORDER_ERROR_SUBTITLE: string;
         };
         lt: {
             INFO: string;
@@ -5174,6 +5223,10 @@ declare class CometChatLocalize {
             NO_USERS_FOUND: string;
             USERS_EMPTY_STATE_MESSAGE: string;
             SAVE: string;
+            MESSAGE_TYPE_NOT_SUPPORTED: string;
+            MESSAGE_ALREADY_TRANSLATED: string;
+            MEDIA_RECORDER_ERROR_TITLE: string;
+            MEDIA_RECORDER_ERROR_SUBTITLE: string;
         };
         hu: {
             INFO: string;
@@ -5574,6 +5627,10 @@ declare class CometChatLocalize {
             NO_USERS_FOUND: string;
             USERS_EMPTY_STATE_MESSAGE: string;
             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

@@ -51,4 +51,13 @@ export declare abstract class DataSource {
     abstract getMentionsTextFormatter(params: Object): CometChatMentionsFormatter;
     abstract getUrlTextFormatter(params: Object): CometChatUrlsFormatter;
     abstract getMentionsFormattedText(message: CometChat.TextMessage, subtitle: string, additionalConfigurations?: Object | undefined): string;
+    abstract getFormMessageContentView(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): Element | JSX.Element;
+    abstract getSchedulerMessageContentView(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): Element | JSX.Element;
+    abstract getCardMessageContentView(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): Element | JSX.Element;
+    abstract getFormMessageTemplate(): CometChatMessageTemplate;
+    abstract getSchedulerMessageTemplate(): CometChatMessageTemplate;
+    abstract getCardMessageTemplate(): CometChatMessageTemplate;
+    abstract getFormMessageBubble(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): Element | JSX.Element;
+    abstract getSchedulerMessageBubble(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): Element | JSX.Element;
+    abstract getCardMessageBubble(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): Element | JSX.Element;
 }

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

@@ -53,4 +53,13 @@ export declare abstract class DataSourceDecorator implements DataSource {
     getMentionsTextFormatter(params?: Object): CometChatMentionsFormatter;
     getUrlTextFormatter(params?: Object): CometChatUrlsFormatter;
     getMentionsFormattedText(message: CometChat.TextMessage, subtitle: string, additionalConfigurations: Object): string;
+    getFormMessageContentView(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): JSX.Element | Element;
+    getSchedulerMessageContentView(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): JSX.Element | Element;
+    getCardMessageContentView(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): JSX.Element | Element;
+    getFormMessageTemplate(): CometChatMessageTemplate;
+    getSchedulerMessageTemplate(): CometChatMessageTemplate;
+    getCardMessageTemplate(): CometChatMessageTemplate;
+    getFormMessageBubble(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): JSX.Element | Element;
+    getSchedulerMessageBubble(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): JSX.Element | Element;
+    getCardMessageBubble(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): JSX.Element | Element;
 }

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

@@ -120,4 +120,13 @@ export declare class MessagesDataSource implements DataSource {
     getAllTextFormatters(formatterParams: additionalParams): CometChatTextFormatter[];
     getMentionsTextFormatter(params: additionalParams): CometChatMentionsFormatter;
     getUrlTextFormatter(params?: additionalParams): CometChatUrlsFormatter;
+    getFormMessageBubble(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): Element | JSX.Element;
+    getSchedulerMessageBubble(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): Element | JSX.Element;
+    getCardMessageBubble(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): Element | JSX.Element;
+    getFormMessageTemplate(): CometChatMessageTemplate;
+    getSchedulerMessageTemplate(): CometChatMessageTemplate;
+    getCardMessageTemplate(): CometChatMessageTemplate;
+    getFormMessageContentView(message: CometChat.InteractiveMessage, _alignment: MessageBubbleAlignment): Element | JSX.Element;
+    getSchedulerMessageContentView(message: CometChat.InteractiveMessage, _alignment: MessageBubbleAlignment): Element | JSX.Element;
+    getCardMessageContentView(message: CometChat.InteractiveMessage, _alignment: MessageBubbleAlignment): Element | JSX.Element;
 }

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

@@ -46,4 +46,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 {};

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@cometchat/chat-uikit-react",
-  "version": "5.0.4",
+  "version": "5.0.6",
   "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",
     "rxjs": "^7.8.1"
-  },
+  },  
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "build": "rollup -c --bundleConfigAsCjs"
@@ -40,6 +40,11 @@
     "webpack-cli": "^4.9.2",
     "webpack-dev-server": "^4.7.4"
   },
+  "peerDependencies": {
+  "@types/react": ">=18.0.0 <20.0.0",
+  "@types/react-dom": ">=18.0.0 <20.0.0",
+  "rxjs": "^7.8.1"
+  },
   "homepage": "https://www.cometchat.com",
   "repository": "https://github.com/cometchat/cometchat-uikit-react",
   "main": "dist/index.js",

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