@cometchat/chat-uikit-react 6.3.9 → 6.3.11

package/dist/styles/CometChatMessageComposer.css

@@ -187,6 +187,11 @@
 .cometchat-mention-list>.cometchat {
     border-radius: inherit;
 }
+
+.cometchat-mention-list .cometchat-users .cometchat-list{
+    max-height: 336px;
+}
+
 .cometchat-mention-list .cometchat-list .cometchat-list__header-title{
     display: none;
 }

package/dist/styles/components/CometChatMessageComposer.css

@@ -187,6 +187,11 @@
 .cometchat-mention-list>.cometchat {
     border-radius: inherit;
 }
+
+.cometchat-mention-list .cometchat-users .cometchat-list{
+    max-height: 336px;
+}
+
 .cometchat-mention-list .cometchat-list .cometchat-list__header-title{
     display: none;
 }

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

@@ -147,6 +147,18 @@ interface ListProps<T> {
      *
      */
     scrollToEnd?: boolean;
+    /**
+     * @internal
+     *
+     * Skips the scroll height check when triggering onScrolledToBottom callback in CometChatList.
+     * When true, the callback fires even if the list content fits within the list body container.
+     * Uses the screen/viewport as the intersection root instead of the list body,
+     * so the callback triggers when the bottom of the list becomes visible on screen.
+     * Useful when the list is embedded in a parent scrollable container.
+     *
+     * @defaultValue `false`
+     */
+    observeScrollFromViewport?: boolean;
 }
 /**
  * Renders a list component that can display a title, search bar,

package/dist/types/components/BaseComponents/CometChatList/useCometChatList.d.ts

@@ -12,6 +12,7 @@ type Args = {
     didTopObserverCallbackRunRef: React.MutableRefObject<boolean>;
     errorHandler: (error: unknown) => void;
     scrolledUpCallback?: (boolean?: boolean) => void;
+    observeScrollFromViewport?: boolean;
 };
 export declare function useCometChatList(args: Args): void;
 export {};

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

@@ -19,6 +19,7 @@ interface MessageBubbleProps {
     topMenuSize?: number;
     type?: string;
     category?: string;
+    toggleOptionsVisibility?: boolean;
 }
 /**
  * React component for displaying different types of messages in the message list.

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

@@ -29,6 +29,8 @@ interface AIAssistantChatProps {
     emptyChatImageView?: React.JSX.Element;
     aiAssistantTools?: CometChatAIAssistantTools;
     templates?: CometChatMessageTemplate[];
+    parentMessageId?: number;
+    loadLastAgentConversation?: boolean;
 }
 export declare const CometChatAIAssistantChat: React.MemoExoticComponent<(props: AIAssistantChatProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

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

@@ -28,6 +28,16 @@ interface CometChatAIAssistantChatHistoryProps {
       * @default false
     */
     hideNewChat?: boolean;
+    /**
+     * Callback function triggered when the chat history is empty.
+     * Useful for handling UI state when no conversations exist.
+     */
+    onEmpty?: (() => void) | undefined;
+    /**
+     * Loads the most recent existing agent conversation if one is available, by clicking it.
+     * @default false
+     */
+    loadLastAgentConversation?: boolean;
 }
 declare const CometChatAIAssistantChatHistory: (props: CometChatAIAssistantChatHistoryProps) => import("react/jsx-runtime").JSX.Element;
 export { CometChatAIAssistantChatHistory };

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

@@ -161,6 +161,18 @@ interface GroupMembersProps {
      * @defaultValue `false`
      */
     showScrollbar?: boolean;
+    /**
+     * @internal
+     *
+     * Skips the scroll height check when triggering onScrolledToBottom callback in CometChatList.
+     * When true, the callback fires even if the list content fits within the list body container.
+     * Uses the screen/viewport as the intersection root instead of the list body,
+     * so the callback triggers when the bottom of the list becomes visible on screen.
+     * Useful when the list is embedded in a parent scrollable container.
+     *
+     * @defaultValue `false`
+     */
+    observeScrollFromViewport?: boolean;
 }
 export type Action = {
     type: "appendGroupMembers";

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

@@ -260,6 +260,11 @@ interface MessageListProps {
      * @defaultValue `false`
      */
     hideFlagRemarkField?: boolean;
+    /**
+     * Loads the most recent existing agent conversation if one is available. Used to set state as loading when enabled.
+     * @default false
+     */
+    loadLastAgentConversation?: boolean;
 }
 declare const CometChatMessageList: (props: MessageListProps) => import("react/jsx-runtime").JSX.Element;
 export { CometChatMessageList };

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

@@ -2,5 +2,5 @@ import { MutableRefObject } from "react";
 /**
  * This Hooks function is a custom React hook designed to manage  functionalities of CometChatMessageList component. It fetches the logged-in user, handles event subscriptions and tracks message IDs for new message retrieval. It plays a key role in maintaining real-time functionality and user interactions in the chat interface.
  **/
-declare function useCometChatMessageList(loggedInUserRef: MutableRefObject<CometChat.User | null>, messageListManagerRef: MutableRefObject<any>, fetchPreviousMessages: () => void, updateMessage: (key: string, mesage: CometChat.BaseMessage, group?: CometChat.Group) => void, messagesRequestBuilder: CometChat.MessagesRequestBuilder | undefined, user: CometChat.User | undefined, group: CometChat.Group | undefined, messageIdRef: MutableRefObject<any>, totalMessagesCountRef: MutableRefObject<any>, messageList: CometChat.BaseMessage[], errorHandler: (error: unknown, source?: string) => void, setMessageList: (messages: CometChat.BaseMessage[]) => void, setScrollListToBottom: (scrollToBottom: boolean) => void, smartReplyViewRef: MutableRefObject<any>, isOnBottomRef: MutableRefObject<boolean>, isFirstReloadRef: MutableRefObject<boolean>, subscribeToUIEvents: Function, showSmartRepliesRef: MutableRefObject<any>, addMessage: (message: CometChat.BaseMessage) => void, canFetchPreviousRef: MutableRefObject<boolean>, setDateHeader?: Function, parentMessageId?: number, hideGroupActionMessages?: boolean, showSmartReplies?: boolean, goToMessageId?: string, isAgentChat?: boolean, messageRepliedTo?: string): void;
+declare function useCometChatMessageList(loggedInUserRef: MutableRefObject<CometChat.User | null>, messageListManagerRef: MutableRefObject<any>, fetchPreviousMessages: () => void, updateMessage: (key: string, mesage: CometChat.BaseMessage, group?: CometChat.Group) => void, messagesRequestBuilder: CometChat.MessagesRequestBuilder | undefined, user: CometChat.User | undefined, group: CometChat.Group | undefined, messageIdRef: MutableRefObject<any>, totalMessagesCountRef: MutableRefObject<any>, messageList: CometChat.BaseMessage[], errorHandler: (error: unknown, source?: string) => void, setMessageList: (messages: CometChat.BaseMessage[]) => void, setScrollListToBottom: (scrollToBottom: boolean) => void, smartReplyViewRef: MutableRefObject<any>, isOnBottomRef: MutableRefObject<boolean>, isFirstReloadRef: MutableRefObject<boolean>, subscribeToUIEvents: Function, showSmartRepliesRef: MutableRefObject<any>, addMessage: (message: CometChat.BaseMessage) => void, canFetchPreviousRef: MutableRefObject<boolean>, setDateHeader?: Function, parentMessageId?: number, hideGroupActionMessages?: boolean, showSmartReplies?: boolean, goToMessageId?: string, isAgentChat?: boolean, messageRepliedTo?: string, loadLastAgentConversation?: boolean): void;
 export { useCometChatMessageList };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cometchat/chat-uikit-react",
-  "version": "6.3.9",
+  "version": "6.3.11",
   "description": "Ready-to-use Chat UI Components for React(Javascript/Web)",
   "author": "CometChat",
   "exports": {
@@ -13,7 +13,7 @@
     "rxjs": "^7.8.1",
     "react-markdown": "^10.1.0",
     "@types/react-syntax-highlighter": "^15.5.13",
-    "react-syntax-highlighter": "^15.6.1",
+    "react-syntax-highlighter": "^16.1.0",
     "remark-gfm": "^4.0.1"
   },
   "scripts": {
@@ -46,7 +46,7 @@
     "typescript": "^5.0.4",
     "webpack": "^5.68.0",
     "webpack-cli": "^4.9.2",
-    "webpack-dev-server": "^4.7.4"
+    "webpack-dev-server": "^5.2.3"
   },
   "peerDependencies": {
     "@types/react": ">=18.0.0 <20.0.0",