@cometchat/chat-uikit-react 6.0.5 → 6.0.7

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

@@ -4,7 +4,7 @@ interface ICometChatListItem {
     onListItemClicked?: (input: {
         id: string;
     }) => void;
-    menuRef: React.RefObject<HTMLDivElement>;
+    menuRef: React.RefObject<HTMLDivElement | null>;
 }
 export declare const useCometChatListItem: ({ id, onListItemClicked, menuRef, }: ICometChatListItem) => {
     listItemClick: (event: MouseEvent<HTMLDivElement>) => void;

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { CometChatActionsIcon, CometChatActionsView } from "../../../modals";
 import { MessageBubbleAlignment } from "../../../Enums/Enums";
+import { JSX } from 'react';
 /**Interface defining the structure for MessageBubbleProps */
 interface MessageBubbleProps {
     id: string | number;

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { CalendarObject } from "../../../utils/CalendarObject";
+import { JSX } from 'react';
 interface CallLogsProps {
     /**
      * Object representing the active call that is currently selected.
@@ -78,6 +78,11 @@ interface CallLogsProps {
      * @returns A JSX element to be rendered as the trailing view.
      */
     trailingView?: (call: any) => JSX.Element;
+    /**
+     * Controls the visibility of the scrollbar in the list.
+     * @defaultValue `false`
+     */
+    showScrollbar?: boolean;
 }
 declare const CometChatCallLogs: (props: CallLogsProps) => import("react/jsx-runtime").JSX.Element;
 export { CometChatCallLogs };

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { CometChatUIKitCalls } from "../../../CometChatUIKit/CometChatCalls";
+import { JSX } from 'react';
 interface IncomingCallProps {
     /**
      * The CometChat call object used to initialize and display the incoming call component.

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { JSX } from 'react';
 /**
  * Props interface for the outgoing call component
  */

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

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

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

@@ -151,6 +151,11 @@ interface ConversationsProps {
      * @returns A JSX element to be rendered as the trailing view.
      */
     trailingView?: (conversation: CometChat.Conversation) => JSX.Element;
+    /**
+     * Controls the visibility of the scrollbar in the list.
+     * @defaultValue `false`
+     */
+    showScrollbar?: boolean;
 }
 export type Action = {
     type: "appendConversations";

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

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

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

@@ -156,6 +156,11 @@ interface GroupMembersProps {
      * @returns A JSX element to be rendered as the trailing view.
      */
     trailingView?: (groupMember: CometChat.GroupMember) => JSX.Element;
+    /**
+     * Controls the visibility of the scrollbar in the list.
+     * @defaultValue `false`
+     */
+    showScrollbar?: boolean;
 }
 export type Action = {
     type: "appendGroupMembers";

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

@@ -121,6 +121,11 @@ interface GroupsProps {
      * @returns A JSX element to be rendered as the trailing view.
      */
     trailingView?: (group: CometChat.Group) => JSX.Element;
+    /**
+    * Controls the visibility of the scrollbar in the list.
+    * @defaultValue `false`
+    */
+    showScrollbar?: boolean;
 }
 export type Action = {
     type: "appendGroups";

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

@@ -149,6 +149,11 @@ interface MessageComposerProps {
      * A custom header section displayed at the top of the message composer, often used for media previews or additional information.
      */
     headerView?: JSX.Element;
+    /**
+    * Controls the visibility of the scrollbar in the list.
+    * @defaultValue `false`
+    */
+    showScrollbar?: boolean;
 }
 /**
  * Represents the state of the message composer.

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

@@ -11,9 +11,15 @@ interface MessageHeaderProps {
     showConversationSummaryButton?: boolean;
     /**
      * Hides the back button in the header in mobile view.
+     * @deprecated Use 'showBackButton' prop instead. This prop is deprecated and will be removed in future versions.
      * @default false
      */
     hideBackButton?: boolean;
+    /**
+     * Hides the back button in the header in mobile view.
+     * @default false
+     */
+    showBackButton?: boolean;
     /**
      * Hides the video call button.
      * @default false

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

@@ -30,6 +30,11 @@ interface MessageInformationProps {
     * Array of text formatters for custom styling or formatting of message text bubbles.
     */
     textFormatters?: CometChatTextFormatter[];
+    /**
+   * Controls the visibility of the scrollbar in the list.
+   * @defaultValue `false`
+   */
+    showScrollbar?: boolean;
 }
 declare const CometChatMessageInformation: (props: MessageInformationProps) => import("react/jsx-runtime").JSX.Element;
 export { CometChatMessageInformation };

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
 import { CometChatMessageTemplate } from "../../modals";
 import { MessageListAlignment } from "../../Enums/Enums";
 import { CometChatTextFormatter } from "../../formatters/CometChatFormatters/CometChatTextFormatter";
 import { CalendarObject } from "../../utils/CalendarObject";
+import { JSX } from 'react';
 /**
  * Props for the MessageList component.
  */
@@ -214,6 +214,11 @@ interface MessageListProps {
    * Format for timestamps displayed in message details (e.g., delivery or read time).
    */
     messageInfoDateTimeFormat?: CalendarObject;
+    /**
+      * Controls the visibility of the scrollbar in the list.
+      * @defaultValue `false`
+    */
+    showScrollbar?: boolean;
 }
 declare const CometChatMessageList: (props: MessageListProps) => import("react/jsx-runtime").JSX.Element;
 export { CometChatMessageList };

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
 import { CometChatMessageTemplate } from "../../modals";
 import { CalendarObject } from "../../utils/CalendarObject";
 import { CometChatTextFormatter } from "../../formatters";
+import { JSX } from 'react';
 interface CometChatThreadHeaderProps {
     /**
      * Hides the visibility of the date header.
@@ -57,6 +57,11 @@ interface CometChatThreadHeaderProps {
     * Array of text formatters for custom styling or formatting of message text bubbles.
     */
     textFormatters?: CometChatTextFormatter[];
+    /**
+    * Controls the visibility of the scrollbar in the list.
+    * @defaultValue `false`
+    */
+    showScrollbar?: boolean;
 }
 declare const CometChatThreadHeader: (props: CometChatThreadHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export { CometChatThreadHeader };

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

@@ -1,15 +1,63 @@
-/// <reference types="react" />
 import { UserMemberListType } from '../../Enums/Enums';
+import { JSX } from 'react';
 export interface MentionsProps {
+    /**
+     * Determines the type of list to display - either users or group members.
+     * @defaultValue `UserMemberListType.users`
+     */
     userMemberListType?: UserMemberListType;
+    /**
+     * Callback function invoked when a user or group member item is clicked.
+     * @param user - The clicked user (CometChat.User) or group member (CometChat.GroupMember)
+     * @returns void
+     */
     onItemClick?: (user: CometChat.User | CometChat.GroupMember) => void;
+    /**
+     * A custom view to render each user or group member item in the list.
+     *
+     * @param item - An instance of CometChat.User or CometChat.GroupMember to be rendered
+     * @returns A JSX element representing the custom item view
+     */
     itemView?: (item?: CometChat.User | CometChat.GroupMember) => JSX.Element;
+    /**
+     * The search keyword used to filter users or group members.
+     */
     searchKeyword?: string;
+    /**
+     * The group instance for which to display group members.
+     */
     group?: CometChat.Group;
+    /**
+     * A custom view to render the subtitle for each user or group member item.
+     * @param item - An instance of CometChat.User or CometChat.GroupMember
+     * @returns A JSX element representing the custom subtitle view
+     */
     subtitleView?: (item?: CometChat.User | CometChat.GroupMember) => JSX.Element;
+    /**
+     * A request builder to fetch users with custom parameters.
+     */
     usersRequestBuilder?: CometChat.UsersRequestBuilder;
+    /**
+     * Callback function invoked when the list is empty (no users or group members found).
+     *
+     * @returns void
+     */
     onEmpty?: () => void;
+    /**
+     * A request builder to fetch group members with custom parameters.
+     */
     groupMemberRequestBuilder?: CometChat.GroupMembersRequestBuilder;
+    /**
+     * Callback function invoked when an error occurs while fetching users or group members.
+     *
+     * @returns void
+     */
     onError?: () => void;
+    /**
+     * Controls the visibility of the scrollbar in the list.
+     *
+     * @defaultValue `false`
+     */
+    showScrollbar?: boolean;
 }
 export declare function CometChatUserMemberWrapper(props: MentionsProps): import("react/jsx-runtime").JSX.Element;

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

@@ -155,6 +155,12 @@ export interface UsersProps {
      * @returns A JSX element to be rendered as the trailing view.
      */
     trailingView?: (user: CometChat.User) => JSX.Element;
+    /**
+     * Controls the visibility of the scrollbar in the list list.
+     *
+     * @defaultValue `false`
+     */
+    showScrollbar?: boolean;
 }
 type State = {
     searchText: string;

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

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

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

@@ -1,4 +1,3 @@
-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,4 +1,3 @@
-/// <reference types="react" />
 import { DataSourceDecorator } from "../../../utils/DataSourceDecorator";
 /**
  * Class representing a Thumbnail Generation extension decorator.
@@ -25,7 +24,7 @@ export declare class ThumbnailGenerationExtensionDecorator extends DataSourceDec
     * @param {ImageBubbleStyle} [style] - Optional style for the image bubble.
     * @returns {React.ReactNode} The rendered image message bubble.
     */
-    getImageMessageBubble(imageUrl: string, placeholderImage: string, message: CometChat.MediaMessage, onClick?: Function): JSX.Element | Element;
+    getImageMessageBubble(imageUrl: string, placeholderImage: string, message: CometChat.MediaMessage, onClick?: Function): import("react").JSX.Element | Element;
     /**
      * Provides the video message bubble with support for thumbnail generation.
      * It checks for a thumbnail URL in the message metadata and uses it if available.
@@ -36,5 +35,5 @@ export declare class ThumbnailGenerationExtensionDecorator extends DataSourceDec
      * @param {Function} [onClick] - Optional click event handler.
      * @returns {React.ReactNode} The rendered video message bubble.
      */
-    getVideoMessageBubble(videoUrl: string, message: CometChat.MediaMessage, thumbnailUrl?: string, onClick?: Function): JSX.Element | Element;
+    getVideoMessageBubble(videoUrl: string, message: CometChat.MediaMessage, thumbnailUrl?: string, onClick?: Function): import("react").JSX.Element | Element;
 }

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { CometChatActions } from "./CometChatActions";
+import { JSX } from 'react';
 /**
  * CometChatActionsView is a pre-defined structure for creating actions
  * that the user can perform on a message with a customized UI view representation.

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
 import { CometChatMessageOption } from "./CometChatMessageOption";
 import { MessageBubbleAlignment } from "../Enums/Enums";
 import { CalendarObject } from "../utils/CalendarObject";
 import { CometChatTextFormatter } from "../formatters";
+import { JSX } from 'react';
 /**
  * CometChatMessageTemplate is a pre-defined structure for creating message views
  * that can be used as a starting point or blueprint for creating message views,

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CometChatMentionsFormatter } from "../formatters/CometChatFormatters/CometChatMentionsFormatter/CometChatMentionsFormatter";
 import { CometChatTextFormatter } from "../formatters/CometChatFormatters/CometChatTextFormatter";
 import { CometChatUrlsFormatter } from "../formatters/CometChatFormatters/CometChatUrlsFormatter/CometChatUrlsFormatter";
@@ -7,6 +6,7 @@ import { CometChatActionsIcon, CometChatActionsView, CometChatMessageComposerAct
 import { MessageBubbleAlignment } from "../Enums/Enums";
 import { ComposerId } from "./MessagesDataSource";
 import { CalendarObject } from "./CalendarObject";
+import { JSX } from 'react';
 /**
  * Class for providing message options and views.
  * It is used in AI and calling module and utils related to messages.

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DataSource } from "./DataSource";
 import { ComposerId } from "./MessagesDataSource";
 import { CometChatUrlsFormatter } from "../formatters/CometChatFormatters/CometChatUrlsFormatter/CometChatUrlsFormatter";
@@ -8,6 +7,7 @@ import { additionalParams } from "./ConversationUtils";
 import { CometChatActionsIcon, CometChatActionsView, CometChatMessageComposerAction, CometChatMessageTemplate } from "../modals";
 import { MessageBubbleAlignment } from "../Enums/Enums";
 import { CalendarObject } from "./CalendarObject";
+import { JSX } from 'react';
 /**
  * This class is used in AI, calling and Extension modules.
  */

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { CometChat } from "@cometchat/chat-sdk-javascript";
 import { DataSource } from "./DataSource";
+import { JSX } from "react";
 import { additionalParams } from "./ConversationUtils";
 import { CometChatMentionsFormatter } from "../formatters/CometChatFormatters/CometChatMentionsFormatter/CometChatMentionsFormatter";
 import { CometChatUrlsFormatter } from "../formatters/CometChatFormatters/CometChatUrlsFormatter/CometChatUrlsFormatter";
@@ -56,14 +55,14 @@ export declare class MessagesDataSource implements DataSource {
     getMessageSentAtDateFormat(messageSentAtDateTimeFormat?: CalendarObject): {
         today: string;
         yesterday: string;
-        lastWeek?: string | undefined;
+        lastWeek?: string;
         otherDays: string;
         relativeTime?: {
-            minute?: string | undefined;
-            minutes?: string | undefined;
-            hour?: string | undefined;
-            hours?: string | undefined;
-        } | undefined;
+            minute?: string;
+            minutes?: string;
+            hour?: string;
+            hours?: string;
+        };
     };
     /**
   * Function to get status and date for message bubble

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cometchat/chat-uikit-react",
-  "version": "6.0.5",
+  "version": "6.0.7",
   "description": "Ready-to-use Chat UI Components for React(Javascript/Web)",
   "author": "CometChat",
   "exports": {