@cometchat/chat-uikit-react 4.3.30 → 4.3.31

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

@@ -0,0 +1,237 @@
+import { AvatarStyle, DateStyle, LabelStyle, ListItemStyle, LoaderStyle, ReceiptStyle } from "@cometchat/uikit-elements";
+import { CometChatTheme, MessageBubbleAlignment, MessageListAlignment } from "@cometchat/uikit-resources";
+import { BaseStyle, ListStyle, MessageListStyle, ReactionInfoConfiguration, ReactionInfoStyle, ReactionListStyle, ReactionsStyle } from "@cometchat/uikit-shared";
+import { CSSProperties } from "react";
+/**
+ * Generates the style object for the new unread-messages view, visible when the user is not at the bottom and receives a new message
+ *
+ * @returns {CSSProperties}
+ */
+export declare const newMessageIndicatorStyle: () => CSSProperties;
+/**
+ * Generates the style object for the custom header view, visible on the top of the message list
+ *
+ * @returns {CSSProperties}
+ */
+export declare const headerStyle: () => CSSProperties;
+/**
+ * Returns the style object for the custom footer view, visible on the bottom of the message list. By default, smart replies are visible  for the message received.
+ *
+ * @returns {CSSProperties}
+ */
+export declare const footerStyle: () => CSSProperties;
+/**
+ * Provides the style object for the CometChatList wrapper which renders a list of messages
+
+ *
+ * @returns {CSSProperties}
+ */
+export declare const listWrapperStyle: () => CSSProperties;
+/**
+ * Generates the style object for the MessageList wrapper which renders the CometChatList component
+ *
+ * @param {(MessageListStyle | undefined)} messageListStyle
+ * @param {CometChatTheme} theme
+ * @returns {CSSProperties}
+ */
+export declare const wrapperStyle: (messageListStyle: MessageListStyle | undefined, theme: CometChatTheme) => CSSProperties;
+/**
+ * Style object for the threadView in the CometChatMessageBubble which shows the message count of a specific thread visible below the CometChatMessageBubble in a particular user/group.
+ *
+ * @param {CometChat.BaseMessage} message
+ * @param {CometChatTheme} theme
+ * @param {(CometChat.User | null)} loggedInUser
+ * @param {MessageListStyle} [messageListStyle={}]
+ * @param {MessageBubbleAlignment} [alignment]
+ * @returns {CSSProperties}
+ */
+export declare const messageThreadViewStyle: (message: CometChat.BaseMessage, theme: CometChatTheme, loggedInUser: CometChat.User | null, messageListStyle: MessageListStyle | undefined, alignment?: MessageBubbleAlignment) => CSSProperties;
+/**
+ * Style object for the new message indicator text visible upon receiving a new message while the screen is not at the last message of the chat.
+ *
+ * @param {CometChatTheme} theme
+ * @returns {CSSProperties}
+ */
+export declare const newMessageTextStyleStyle: (theme: CometChatTheme) => CSSProperties;
+/**
+ * Default style object for CometChatMessageBubble component which renders all types of supported message types.
+ *
+ * @param {CometChat.BaseMessage} message
+ * @param {CometChatTheme} theme
+ * @param {(MessageListAlignment | undefined)} alignment
+ * @param {(CometChat.User | null)} loggedInUser
+ * @returns {BaseStyle}
+ */
+export declare const messageBubbleStyle: (message: CometChat.BaseMessage, theme: CometChatTheme, alignment: MessageListAlignment | undefined, loggedInUser: CometChat.User | null) => BaseStyle;
+/**
+ * Default style object for receipt status of the message if it's read  sent or  delivered.
+ *
+ * @param {CometChatTheme} theme
+ * @param {CometChat.BaseMessage} message
+ * @returns {ReceiptStyle}
+ */
+export declare const messageReceiptStyle: (theme: CometChatTheme, message: CometChat.BaseMessage) => ReceiptStyle;
+/**
+ * Default style object for statusInfo view which renders the time when the message was sent and receipt status
+of the message if it's read or delivered.
+ *
+ * @param {boolean} isValid
+ * @param {CometChatTheme} theme
+ * @param {CometChat.BaseMessage} message
+ * @param {MessageBubbleAlignment} alignment
+ * @returns {CSSProperties}
+ */
+export declare const getStatusInfoViewStyle: (isValid: boolean, theme: CometChatTheme, message: CometChat.BaseMessage, alignment: MessageBubbleAlignment) => CSSProperties;
+/**
+ * Style object for footerView wrapper which is visible at the bottom of the CometChatMessageBubble component.
+It is a placeholder which accepts a custom view. By default, message Reactions are visible at the bottom for the message
+received in a particular User/Group Chat.
+ *
+ * @param {MessageBubbleAlignment} alignment
+ * @returns {CSSProperties}
+ */
+export declare const bubbleFooterViewWrapperStyle: (alignment: MessageBubbleAlignment) => CSSProperties;
+/**
+ * Style object for time in headerView of CometChatMessageBubble which shows the time when the message was sent
+in the particular user/group chat
+
+ *
+ * @param {(MessageListStyle | undefined)} messageListStyle
+ * @param {CometChatTheme} theme
+ * @returns {DateStyle}
+ */
+export declare const messageBubbleHeaderDateStyle: (messageListStyle: MessageListStyle | undefined, theme: CometChatTheme) => DateStyle;
+/**
+ * Style object for title in headerView of CometChatMessageBubble which shows the name
+of the sender of the message in the particular user/group chat
+ *
+ * @param {CometChatTheme} theme
+ * @returns {LabelStyle}
+ */
+export declare const bubbleHeaderTitleStyle: (theme: CometChatTheme, messageListStyle?: MessageListStyle) => LabelStyle;
+/**
+ * Generates the style object for the CometChatDate component, visible between the messages in CometChatMessageList as a separator for same-date messages.
+ *
+ * @param {(DateStyle | undefined)} dateSeparatorStyle
+ * @param {CometChatTheme} theme
+ * @returns {DateStyle}
+ */
+export declare const dateSeperatorStyle: (dateSeparatorStyle: DateStyle | undefined, theme: CometChatTheme) => DateStyle;
+/**
+ * Provides the default style object for the CometChatMessageList component if the required styles are not provided by the parent component.
+ *
+ * @param {CometChatTheme} theme
+ * @returns {MessageListStyle}
+ */
+export declare const tempMessageListStyle: (theme: CometChatTheme) => MessageListStyle;
+/**
+ * Generates the style object for the loading view visible in the center of the CometChatMessageList component until the messages for a specific User/Group are fetched.
+ *
+ * @param {(MessageListStyle | undefined)} messageListStyle
+ * @param {CometChatTheme} theme
+ * @returns {LoaderStyle}
+ */
+export declare const loadingViewStyle: (messageListStyle: MessageListStyle | undefined, theme: CometChatTheme) => LoaderStyle;
+/**
+ * Generates the style object for the error view visible in the center of the CometChatMessageList component when there is an issue fetching the messages of a specific User/Group.
+ *
+ * @param {(MessageListStyle | undefined)} messageListStyle
+ * @param {CometChatTheme} theme
+ * @returns {LabelStyle}
+ */
+export declare const errorViewStyle: (messageListStyle: MessageListStyle | undefined, theme: CometChatTheme) => LabelStyle;
+/**
+ * Generates the style object for the CometChatAvatar component, which includes both styling received from the parent component and default styling required in the CometChatAvatar component.
+ *
+ * @param {(AvatarStyle | undefined)} avatarStyle
+ * @param {CometChatTheme} theme
+ * @returns {AvatarStyle}
+ */
+export declare const messageAvatarStyle: (avatarStyle: AvatarStyle | undefined, theme: CometChatTheme) => AvatarStyle;
+/**
+ * Returns the default style object for CometChatDate wrapper, visible in the center between the messages in CometChatMessageList as a separator for same-day messages.
+ *
+ * @returns {CSSProperties}
+ */
+export declare const dateSeperatorWrapperStyle: () => CSSProperties;
+/**
+ * Provides the default style object for the CometChatAvatar visible in the leadingView of CometChatMessageBubble, showing the sender's avatar.
+ *
+ * @type {AvatarStyle}
+ */
+export declare const defaultAvatarStyle: AvatarStyle;
+/**
+ * Returns the default style object for CometChatMessageList if the style is not received from the parent.
+ *
+ * @type {MessageListStyle}
+ */
+export declare const defaultMessageListStyle: MessageListStyle;
+/**
+ * Provides the default style object for the CometChatMessageBubble wrapper div.
+ *
+ * @param {MessageBubbleAlignment} alignment
+ * @returns {CSSProperties}
+ */
+export declare const bubbleStyle: (alignment: MessageBubbleAlignment) => CSSProperties;
+/**
+ * Supplies the default style object for the CometChatMessageBubble container.
+ *
+ * @type {CSSProperties}
+ */
+export declare const defaultMessageListBubbleStyle: CSSProperties;
+/**
+ * Returns the default style for the CometChatList component, which renders a list of messages for a specific user/group.
+ *
+ * @returns {ListStyle}
+ */
+export declare const getListStyle: () => ListStyle;
+/**
+ * Provides the default style for the CometChatAvatar component, which renders an Avatar about the reactor in the Reactions list.
+ *
+ * @param {CometChatTheme} theme
+ * @returns {AvatarStyle}
+ */
+export declare const getReactionListAvatarStyle: (theme: CometChatTheme) => AvatarStyle;
+/**
+ * Generates the default style for the CometChatListItem component, which renders details about the reaction in the list.
+ *
+ * @param {CometChatTheme} theme
+ * @returns {ListItemStyle}
+ */
+export declare const getReactionListItemStyle: (theme: CometChatTheme) => ListItemStyle;
+/**
+ * Provides the default style for the CometChatReactionList component, which shows a list of reactions on a specific reaction along with the reactor's details.
+ *
+ * @param {CometChatTheme} theme
+ * @returns {ReactionListStyle}
+ */
+export declare const getReactionListStyle: (theme: CometChatTheme) => ReactionListStyle;
+/**
+ * Default styling for CometChatReactionInfo component. If the configuration styling is not passed.
+ *
+ * @param {CometChatTheme} theme
+ * @param {ReactionInfoConfiguration} config
+ * @returns {ReactionInfoStyle}
+ */
+export declare const getReactionInfoStyle: (theme: CometChatTheme, config: ReactionInfoConfiguration) => ReactionInfoStyle;
+/**
+ * Default styleing for CometChatReactions component wrapper.
+ *
+ * @param {MessageBubbleAlignment} alignment
+ * @returns {CSSProperties}
+ */
+export declare const getReactionViewStyle: (alignment: MessageBubbleAlignment) => CSSProperties;
+/**
+ * Returns the default style for the statusInfoView  wrapper in CometChatMessageBubble.
+ *
+ * @returns {CSSProperties}
+ */
+export declare const getStatusInfoStyle: () => CSSProperties;
+/**
+ * Generates the default style for the CometChatReactions component wrapper, which shows a list of reactions on a specific message, visible in the footer view of the message bubble.
+ *
+ * @param {ReactionsStyle} [reactionsStyle]
+ * @param {CometChatTheme} theme
+ * @returns {ReactionsStyle}
+ */
+export declare const getReactionsStyle: (reactionsStyle: ReactionsStyle | undefined, theme: CometChatTheme) => ReactionsStyle;

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

@@ -0,0 +1,6 @@
+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 Hooks(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, subscribeToEvents: () => (() => void) | undefined, messageIdRef: MutableRefObject<any>, totalMessagesCountRef: MutableRefObject<any>, messageList: CometChat.BaseMessage[], onErrorCallback: (error: CometChat.CometChatException) => void, setMessageList: (messages: CometChat.BaseMessage[]) => void, setScrollListToBottom: (scrollToBottom: boolean) => void, smartReplyViewRef: MutableRefObject<any>, isOnBottomRef: MutableRefObject<boolean>, isFirstReloadRef: MutableRefObject<boolean>): void;
+export { Hooks };

package/dist/types/CometChatMessages/hooks.d.ts

@@ -0,0 +1,2 @@
+declare function Hooks(loggedInUser: any, setLoggedInUser: Function, subscribeToEvents: Function, ccHeaderMenuRef: any, setOpenDetails: any, messageListConfiguration: any, user: CometChat.User | null, setActiveUser: Function, group: CometChat.Group | null, setActiveGroup: Function, setOpenThreadedMessages: any): void;
+export { Hooks };

package/dist/types/CometChatMessages/index.d.ts

@@ -0,0 +1,25 @@
+import "@cometchat/uikit-elements";
+import { DetailsConfiguration, MessageComposerConfiguration, MessageHeaderConfiguration, MessageListConfiguration, MessagesStyle, ThreadedMessagesConfiguration } from "@cometchat/uikit-shared";
+interface IMessagesProps {
+    user?: CometChat.User;
+    group?: CometChat.Group;
+    hideMessageComposer?: boolean;
+    disableTyping?: boolean;
+    messageHeaderConfiguration?: MessageHeaderConfiguration;
+    messageListConfiguration?: MessageListConfiguration;
+    messageComposerConfiguration?: MessageComposerConfiguration;
+    threadedMessagesConfiguration?: ThreadedMessagesConfiguration;
+    detailsConfiguration?: DetailsConfiguration;
+    customSoundForIncomingMessages?: string;
+    customSoundForOutgoingMessages?: string;
+    disableSoundForMessages?: boolean;
+    messagesStyle?: MessagesStyle;
+    messageHeaderView?: any;
+    messageComposerView?: any;
+    messageListView?: any;
+    hideMessageHeader?: boolean;
+    hideDetails?: boolean;
+    auxiliaryMenu?: any;
+}
+declare const CometChatMessages: (props: IMessagesProps) => import("react/jsx-runtime").JSX.Element | null;
+export { CometChatMessages };

package/dist/types/CometChatMessages/style.d.ts

@@ -0,0 +1,26 @@
+import { DetailsConfiguration, DetailsStyle, MessageComposerConfiguration, MessageComposerStyle, MessageHeaderConfiguration, MessageHeaderStyle, MessageListConfiguration, MessageListStyle, MessagesStyle } from "@cometchat/uikit-shared";
+import { CSSProperties } from "react";
+import { CometChatTheme } from "@cometchat/uikit-resources";
+export declare const MessagesWrapperStyle: (messagesStyle: MessagesStyle | undefined, theme: CometChatTheme) => CSSProperties;
+export declare const MessagesDivStyle: () => CSSProperties;
+export declare const ThreadedMessagesDivStyle: CSSProperties;
+export declare const MessagesDetailsDivStyle: CSSProperties;
+export declare const MessagesHeaderDivStyle: CSSProperties;
+export declare const MessagesListDivStyle: CSSProperties;
+export declare const CometChatThreadedMessagesDivStyle: CSSProperties;
+export declare const MessagesComposerDivStyle: (theme: CometChatTheme) => CSSProperties;
+export declare const liveReactionStyle: () => CSSProperties;
+export declare const getMessageHeaderStyle: (messageHeaderConfiguration: MessageHeaderConfiguration | undefined) => MessageHeaderStyle;
+export declare const getMessageListStyle: (messageListConfiguration: MessageListConfiguration | undefined) => MessageListStyle;
+export declare const getMessageComposerStyle: (messageComposerConfiguration: MessageComposerConfiguration | undefined) => MessageComposerStyle;
+export declare const getDetailsStyle: (detailsConfiguration: DetailsConfiguration | undefined, messagesStyle: MessagesStyle | undefined, theme: CometChatTheme) => DetailsStyle;
+export declare function detailsButtonStyle(theme: CometChatTheme): {
+    height: string;
+    width: string;
+    border: string;
+    borderRadius: string;
+    background: string;
+    buttonIconTint: string | undefined;
+    padding: number;
+};
+export declare const panelDivStyle: CSSProperties;

package/dist/types/CometChatThemeContext.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { CometChatTheme } from "@cometchat/uikit-resources";
+export declare const CometChatThemeContext: import("react").Context<{
+    theme: CometChatTheme;
+}>;

package/dist/types/CometChatThreadedMessages/hooks.d.ts

@@ -0,0 +1,2 @@
+declare function Hooks(loggedInUser: any, setLoggedInUser: any, addListener: Function, subscribeToEvents: Function, onErrorCallback: Function, parentMessage: any, setReplyCount: Function): void;
+export { Hooks };

package/dist/types/CometChatThreadedMessages/index.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import "@cometchat/uikit-elements";
+interface IThreadedMessagesProps {
+    parentMessage: CometChat.BaseMessage;
+    title?: string;
+    closeIconURL?: string;
+    bubbleView: any;
+    messageActionView?: any;
+    onClose?: any;
+    onError?: ((error: CometChat.CometChatException) => void) | null;
+    threadedMessagesStyle?: any;
+    messageListConfiguration?: any;
+    messageComposerConfiguration?: any;
+    hideMessageComposer?: boolean;
+    messageComposerView?: (user?: CometChat.User, group?: CometChat.Group, parentMessage?: CometChat.BaseMessage) => JSX.Element;
+    messageListView?: (user?: CometChat.User, group?: CometChat.Group, parentMessage?: CometChat.BaseMessage) => JSX.Element;
+}
+declare const CometChatThreadedMessages: (props: IThreadedMessagesProps) => import("react/jsx-runtime").JSX.Element;
+export { CometChatThreadedMessages };

package/dist/types/CometChatThreadedMessages/style.d.ts

@@ -0,0 +1,21 @@
+import { CometChatTheme } from "@cometchat/uikit-resources";
+import { CSSProperties } from "react";
+export declare const ThreadedMessagesWrapperStyle: () => CSSProperties;
+export declare const ThreadedMessagesHeaderStyle: () => CSSProperties;
+export declare const ThreadedMessagesCloseButtonStyle: () => {
+    display: string;
+    alignItems: string;
+    width: string;
+};
+export declare const ThreadedMessagesTitleStyle: () => {
+    display: string;
+    alignItems: string;
+    justifyContent: string;
+    width: string;
+};
+export declare const ThreadedMessagesBubbleViewStyle: () => CSSProperties;
+export declare const ThreadedMessagesActionViewStyle: (theme: CometChatTheme) => CSSProperties;
+export declare const ThreadedMessagesListStyle: () => CSSProperties;
+export declare const ThreadedMessagesComposerStyle: () => CSSProperties;
+export declare const threadedMessageListStyle: () => CSSProperties;
+export declare const actionButtonStyle: (theme: CometChatTheme) => CSSProperties;

package/dist/types/CometChatTransferOwnership/hooks.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type Args = {
+    errorHandler: (error: unknown) => void;
+    setLoggedInUser: React.Dispatch<React.SetStateAction<CometChat.User | null>>;
+};
+export declare function Hooks(args: Args): void;
+export {};

package/dist/types/CometChatTransferOwnership/index.d.ts

@@ -0,0 +1,163 @@
+import { AvatarStyle, ListItemStyle } from "@cometchat/uikit-elements";
+import { CSSProperties } from "react";
+import { CometChatOption, TitleAlignment } from "@cometchat/uikit-resources";
+import { GroupMembersStyle, TransferOwnershipStyle } from "@cometchat/uikit-shared";
+interface ITransferOwnershipProps {
+    /**
+     * Group to transfer ownership of
+     */
+    group: CometChat.Group;
+    /**
+     * Title of the component
+     *
+     * @defaultValue `localize("TRANSFER_OWNERSHIP")`
+    */
+    title?: string;
+    /**
+     * Alignment of the `title` text
+     *
+     * @defaultValue `TitleAlignment.center`
+     */
+    titleAlignment?: TitleAlignment;
+    /**
+     * Image URL for the search icon to use in the search bar
+     *
+     * @defaultValue `./assets/search.svg`
+     */
+    searchIconURL?: string;
+    /**
+     * Text to be displayed when the search input has no value
+     *
+     * @defaultValue `localize("SEARCH")`
+     */
+    searchPlaceholder?: string;
+    /**
+     * Hide the search bar
+     *
+     * @defaulValue `false`
+     */
+    hideSearch?: boolean;
+    /**
+     * Request builder to fetch group members
+     *
+     * @remarks
+     * If the search input is not empty and the `searchRequestBuilder` prop is not provided,
+     * the search keyword of this request builder is set to the text in the search input
+     *
+     * @defaultValue Default request builder having the limit set to 30
+     */
+    groupMembersRequestBuilder?: CometChat.GroupMembersRequestBuilder;
+    /**
+     * Request builder with search parameters to fetch group members
+     *
+     * @remarks
+     * If the search input is not empty,
+     * the search keyword of this request builder is set to the text in the search input
+     */
+    searchRequestBuilder?: CometChat.GroupMembersRequestBuilder;
+    /**
+     * Image URL for the default loading view
+     *
+     * @defaultValue `./assets/spinner.svg`
+     */
+    loadingIconURL?: string;
+    /**
+     * Custom view for the loading state of the component
+     */
+    loadingStateView?: JSX.Element;
+    /**
+     * Text to display in the default empty view
+     *
+     * @defaultValue `localize("NO_USERS_FOUND")`
+     */
+    emptyStateText?: string;
+    /**
+     * Custom view for the empty state of the component
+     */
+    emptyStateView?: JSX.Element;
+    /**
+     * Text to display in the default error view
+     *
+     * @defaultValue `localize("SOMETHING_WRONG")`
+     */
+    errorStateText?: string;
+    /**
+     * Custom view for the error state of the component
+     */
+    errorStateView?: JSX.Element;
+    /**
+     * Function to call whenever the component encounters an error
+     */
+    onError?: ((error: CometChat.CometChatException) => void) | null;
+    /**
+     * Hide the separator at the bottom of the default list item view
+     *
+     * @defaultValue `false`
+     */
+    hideSeparator?: boolean;
+    /**
+     * Hide user presence
+     *
+     * @remarks
+     * If set to true, the status indicator of the default list item view is not displayed
+     *
+     * @defaultValue `false`
+     */
+    disableUsersPresence?: boolean;
+    /**
+     * Image URL for the close button
+     *
+     * @defaultValue `./assets/close2x.svg`
+     */
+    closeButtonIconURL?: string;
+    /**
+     * Function to call when the close button is clicked
+     */
+    onClose?: () => void;
+    /**
+     * Custom list item view to be rendered for each group member in the fetched list
+     */
+    listItemView?: (groupMember: CometChat.GroupMember) => JSX.Element;
+    /**
+     * Custom subtitle view to be rendered for each group member in the fetched list
+     *
+     * @remarks
+     * This prop is used if `listItemView` prop is not provided
+     */
+    subtitleView?: (groupMember: CometChat.GroupMember) => JSX.Element;
+    transferButtonText?: string;
+    onTransferOwnership?: (groupMember: CometChat.GroupMember) => void;
+    /**
+     * Text to display for the cancel button
+     */
+    cancelButtonText?: string;
+    /**
+     * List of actions available on mouse over on the default list item component
+     */
+    options?: (group: CometChat.Group, groupMember: CometChat.GroupMember) => CometChatOption[];
+    /**
+     * Styles to apply to the status indicator component of the default list item view
+     */
+    statusIndicatorStyle?: CSSProperties;
+    /**
+     * Styles to apply to the avatar component of the default list item view
+     */
+    avatarStyle?: AvatarStyle;
+    /**
+     * Styles to apply to the default list item view
+     */
+    listItemStyle?: ListItemStyle;
+    /**
+     * Styles to apply to the `CometChatGroupMembers` component
+     */
+    groupMemberStyle?: GroupMembersStyle;
+    /**
+     * Styles to apply to this component
+     */
+    transferOwnershipStyle?: TransferOwnershipStyle;
+}
+/**
+ * Renders transfer ownership view related to a group of a CometChat App
+ */
+export declare function CometChatTransferOwnership(props: ITransferOwnershipProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/CometChatTransferOwnership/style.d.ts

@@ -0,0 +1,17 @@
+import { AvatarStyle, LabelStyle, ListItemStyle } from "@cometchat/uikit-elements";
+import { CometChatTheme } from "@cometchat/uikit-resources";
+import { GroupMembersStyle, TransferOwnershipStyle } from "@cometchat/uikit-shared";
+import { CSSProperties } from "react";
+type ButtonStyle = CSSProperties & {
+    buttonIconTint?: string;
+};
+export declare function transferOwnershipStyle(transferOwnershipStyleObject: TransferOwnershipStyle | null, theme: CometChatTheme): CSSProperties;
+export declare function scopeLabelStyle(transferOwnershipStyleObject: TransferOwnershipStyle | null, theme: CometChatTheme, isRadioButton: boolean): LabelStyle;
+export declare function transferBtnStyle(transferOwnershipStyleObject: TransferOwnershipStyle | null, theme: CometChatTheme): ButtonStyle;
+export declare function btnsWrapperStyle(): CSSProperties;
+export declare function cancelBtnStyle(transferOwnershipStyleObject: TransferOwnershipStyle | null, theme: CometChatTheme): ButtonStyle;
+export declare function avatarStyle(avatarStyleObject: AvatarStyle | null, theme: CometChatTheme): AvatarStyle;
+export declare function statusIndicatorStyle(statusIndicatorStyleObject: CSSProperties | null): CSSProperties;
+export declare function listItemStyle(listItemStyleObject: ListItemStyle | null, groupMemberStyleObject: GroupMembersStyle | null, theme: CometChatTheme): ListItemStyle;
+export declare function groupMembersStyle(groupMemberStyleObject: GroupMembersStyle | null, theme: CometChatTheme): GroupMembersStyle;
+export {};

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

@@ -0,0 +1,25 @@
+import { CSSProperties } from 'react';
+import { UserMemberListType, UserPresencePlacement } from "@cometchat/uikit-resources";
+import { AvatarStyle } from "@cometchat/uikit-elements";
+export interface IMentionsProps {
+    userMemberListType?: UserMemberListType;
+    onItemClick?: (user: CometChat.User | CometChat.GroupMember) => void;
+    listItemView?: (item?: CometChat.User | CometChat.GroupMember) => JSX.Element;
+    avatarStyle?: AvatarStyle;
+    statusIndicatorStyle?: CSSProperties;
+    searchKeyword?: string;
+    group?: CometChat.Group;
+    subtitleView?: (item?: CometChat.User | CometChat.GroupMember) => JSX.Element;
+    usersRequestBuilder?: CometChat.UsersRequestBuilder;
+    disableUsersPresence?: boolean;
+    userPresencePlacement?: UserPresencePlacement;
+    hideSeparator?: boolean;
+    loadingStateView?: JSX.Element;
+    onEmpty?: () => void;
+    groupMemberRequestBuilder?: CometChat.GroupMembersRequestBuilder;
+    loadingIconUrl?: string;
+    disableLoadingState?: boolean;
+    onError?: () => void;
+}
+declare function CometChatUserMemberWrapper(props: IMentionsProps): import("react/jsx-runtime").JSX.Element;
+export default CometChatUserMemberWrapper;

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

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+type Args = {
+    searchText: string;
+    usersRequestBuilder: CometChat.UsersRequestBuilder | null;
+    searchRequestBuilder: CometChat.UsersRequestBuilder | null;
+    usersSearchText: React.MutableRefObject<string>;
+};
+export declare class UsersManager {
+    private usersRequest;
+    private static defaultLimit;
+    /**
+     * Set `usersRequest` of the instance
+     */
+    constructor(args: Args);
+    private getDefaultRequestBuilder;
+    /**
+     * Calls `fetchNext` method of the set `usersRequest`
+     */
+    fetchNext(): Promise<[] | import("@cometchat/chat-sdk-javascript").User[]>;
+    getCurrentPage(): number;
+    /**
+     * Attaches an SDK user listener
+     *
+     * @returns Function to call to remove the attached SDK user listener
+     */
+    static atttachListeners(cb: (user: CometChat.User) => void): () => void;
+    /**
+* Attaches an SDK websocket  listener
+*
+* @returns - Function to remove the added SDK websocket listener
+*/
+    static attachConnestionListener(callback: () => void): () => void;
+}
+export {};

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

@@ -0,0 +1,18 @@
+import React from "react";
+import { Action } from ".";
+import { UsersManager } from "./controller";
+type Args = {
+    usersManagerRef: React.MutableRefObject<UsersManager | null>;
+    fetchNextAndAppendUsers: (fetchId: string) => Promise<void>;
+    searchText: string;
+    usersRequestBuilder: CometChat.UsersRequestBuilder | null;
+    searchRequestBuilder: CometChat.UsersRequestBuilder | null;
+    dispatch: React.Dispatch<Action>;
+    updateUser: (user: CometChat.User) => void;
+    fetchNextIdRef: React.MutableRefObject<string>;
+    searchKeyword: string;
+    disableLoadingState: boolean;
+    usersSearchText: React.MutableRefObject<string>;
+};
+export declare function Hooks(args: Args): void;
+export {};