@cometchat/chat-uikit-react 6.0.1 → 6.0.3

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

@@ -7,6 +7,8 @@ interface ContextMenuProps {
     onOptionClicked?: (option: CometChatActionsIcon | CometChatActionsView | CometChatOption) => void;
     placement?: Placement;
     closeOnOutsideClick?: boolean;
+    disableBackgroundInteraction?: boolean;
+    useParentContainer?: boolean;
 }
 /**
  * CometChatContextMenu is a composite component used to display menu data in required format.

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

@@ -12,6 +12,7 @@ interface ListItemProps {
     trailingView?: ReactNode;
     titleView?: ReactNode;
     leadingView?: ReactNode;
+    stopEventPropagation?: boolean;
 }
 declare const CometChatListItem: (props: ListItemProps) => import("react/jsx-runtime").JSX.Element;
 export { CometChatListItem };

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

@@ -31,6 +31,10 @@ export declare class CometChatMessageEvents {
     static onMessageDeleted: Subject<CometChat.BaseMessage>;
     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

@@ -72,6 +72,7 @@ declare class CometChatLocalize {
      * @returns {string} Formatted date string.
      */
     static formatDate(timestamp: number, calendarObject: CalendarObject): string;
+    private static isYesterday;
 }
 declare const getLocalizedString: (str: string) => any;
 export { CometChatLocalize, getLocalizedString };

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

@@ -52,4 +52,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

@@ -54,4 +54,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

@@ -137,4 +137,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

@@ -50,4 +50,5 @@ export declare function isMobileDevice(): boolean;
 export declare function sanitizeCalendarObject(calendarObject?: CalendarObject): {
     [k: string]: any;
 };
+export declare function fireClickEvent(): void;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cometchat/chat-uikit-react",
-  "version": "6.0.1",
+  "version": "6.0.3",
   "description": "Ready-to-use Chat UI Components for React(Javascript/Web)",
   "author": "CometChat",
   "dependencies": {
@@ -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/tree/v6",
   "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",