@cometchat/chat-uikit-react 4.3.30 → 4.3.32

package/dist/types/Calling/CometChatCallLogRecordings/index.d.ts

@@ -0,0 +1,21 @@
+import { ListItemStyle } from "@cometchat/uikit-elements";
+import { DatePatterns } from "@cometchat/uikit-resources";
+import { CallLogRecordingsStyle } from "@cometchat/uikit-shared";
+interface ICallLogRecordingsProps {
+    title?: string;
+    backIconUrl?: string;
+    downloadIconUrl?: string;
+    hideDownloadButton?: boolean;
+    call: any;
+    datePattern?: DatePatterns;
+    listItemStyle?: ListItemStyle;
+    callLogRecordingsStyle?: CallLogRecordingsStyle;
+    onBackClick?: Function;
+    onItemClick?: Function;
+    onDownloadClick?: Function;
+    listItemView?: any;
+    subtitleView?: any;
+    tailView?: any;
+}
+declare const CometChatCallLogRecordings: (props: ICallLogRecordingsProps) => import("react/jsx-runtime").JSX.Element;
+export { CometChatCallLogRecordings };

package/dist/types/Calling/CometChatCallLogRecordings/style.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import { ListItemStyle } from "@cometchat/uikit-elements";
+import { CallLogRecordingsStyle, ListStyle } from "@cometchat/uikit-shared";
+import { CometChatTheme } from "@cometchat/uikit-resources";
+export declare function getButtonContainerStyle(): React.CSSProperties;
+export declare function getListStyle(theme: CometChatTheme, callLogsStyle: CallLogRecordingsStyle): ListStyle;
+export declare function getListItemStyle(theme: CometChatTheme, listItemStyle?: ListItemStyle): ListItemStyle;
+export declare function getSubtitleStyle(theme: CometChatTheme, style: CallLogRecordingsStyle): React.CSSProperties;
+export declare function getCallDateStyle(theme: CometChatTheme, style: CallLogRecordingsStyle): {
+    textColor: string | undefined;
+    textFont: string;
+    background: string;
+};
+export declare function getBackButtonStyle(theme: CometChatTheme, style: CallLogRecordingsStyle): {
+    height: string;
+    width: string;
+    border: string;
+    borderRadius: string;
+    background: string;
+    buttonIconTint: string | undefined;
+};
+export declare function getDownloadButtonStyle(theme: CometChatTheme, style: CallLogRecordingsStyle): {
+    height: string;
+    width: string;
+    border: string;
+    borderRadius: string;
+    background: string;
+    buttonIconTint: string | undefined;
+};
+export declare function getContainerStyle(theme: CometChatTheme, callLogsStyle: CallLogRecordingsStyle): React.CSSProperties;
+export declare function getTitleStyle(theme: CometChatTheme, style: CallLogRecordingsStyle): {
+    font: string;
+    color: string | undefined;
+    background: string;
+};

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

@@ -0,0 +1,2 @@
+declare function Hooks(loggedInUser: any, setLoggedInUser: Function, requestBuilder: any, setCallBuilder: Function, getCallList: Function, attachListeners: Function, subscribeToEvents: Function, detachListeners: Function, onErrorCallback: Function): void;
+export { Hooks };

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

@@ -0,0 +1,37 @@
+import { AvatarStyle, ListItemStyle } from "@cometchat/uikit-elements";
+import { CallLogsStyle, OutgoingCallConfiguration } from "@cometchat/uikit-shared";
+import { DatePatterns, TitleAlignment } from "@cometchat/uikit-resources";
+interface ICallLogsProps {
+    title?: string;
+    titleAlignment?: TitleAlignment;
+    listItemView?: any;
+    subtitleView?: any;
+    tailView?: any;
+    emptyStateView?: any;
+    errorStateView?: any;
+    loadingStateView?: any;
+    emptyStateText?: string;
+    errorStateText?: string;
+    loadingIconURL?: string;
+    incomingAudioCallIconUrl?: string;
+    incomingVideoCallIconUrl?: string;
+    outgoingAudioCallIconUrl?: string;
+    outgoingVideoCallIconUrl?: string;
+    missedAudioCallIconUrl?: string;
+    missedVideoCallIconUrl?: string;
+    infoIconUrl?: string;
+    activeCall?: any;
+    callLogRequestBuilder?: any;
+    onItemClick?: Function;
+    onInfoClick?: Function;
+    onError?: Function;
+    hideSeparator?: boolean;
+    datePattern?: DatePatterns;
+    dateSeparatorPattern?: DatePatterns;
+    callLogsStyle?: CallLogsStyle;
+    avatarStyle?: AvatarStyle;
+    listItemStyle?: ListItemStyle;
+    outgoingCallConfiguration?: OutgoingCallConfiguration;
+}
+declare const CometChatCallLogs: (props: ICallLogsProps) => import("react/jsx-runtime").JSX.Element;
+export { CometChatCallLogs };

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

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+import { AvatarStyle, ListItemStyle } from "@cometchat/uikit-elements";
+import { CometChatTheme } from "@cometchat/uikit-resources";
+import { CallLogsStyle, ListStyle } from "@cometchat/uikit-shared";
+export declare function getSubtitleStyle(theme: CometChatTheme, style: CallLogsStyle): React.CSSProperties;
+export declare function getAvatarStyle(theme: CometChatTheme, avatarStyle?: AvatarStyle): AvatarStyle;
+export declare function getListItemStyle(call: any, theme: CometChatTheme, listItemStyle?: ListItemStyle, loggedInUser?: CometChat.User): ListItemStyle;
+export declare function getContainerStyle(theme: CometChatTheme, callLogsStyle: CallLogsStyle): React.CSSProperties;
+export declare function getListStyle(theme: CometChatTheme, callLogsStyle: CallLogsStyle): ListStyle;
+export declare function getCallDateStyle(theme: CometChatTheme, style: CallLogsStyle): {
+    textColor: string | undefined;
+    textFont: string;
+    background: string;
+};
+export declare function getButtonContainerStyle(): React.CSSProperties;
+export declare function getDirectionIconStyle(call: any, theme: CometChatTheme, style: CallLogsStyle, loggedInUser: CometChat.User): {
+    height: string;
+    width: string;
+    border: string;
+    borderRadius: string;
+    background: string;
+    buttonIconTint: string | undefined;
+};
+export declare function getInfoButtonStyle(theme: CometChatTheme, style: CallLogsStyle): {
+    height: string;
+    width: string;
+    border: string;
+    borderRadius: string;
+    background: string;
+    buttonIconTint: string | undefined;
+};
+export declare function getDateSeparator(theme: CometChatTheme, style: CallLogsStyle): {
+    textFont: string;
+    textColor: string | undefined;
+    background: string;
+    padding: string;
+};

package/dist/types/Calling/CometChatCallLogsWithDetails/hooks.d.ts

@@ -0,0 +1,4 @@
+import { CometChatTheme } from "@cometchat/uikit-resources";
+import { CallLogDetailsConfiguration, CallLogsConfiguration } from "@cometchat/uikit-shared";
+declare function Hooks(callLogDetailsConfiguration: CallLogDetailsConfiguration, callLogsConfiguration: CallLogsConfiguration, setActiveCall: Function, isMobileView: boolean, theme: CometChatTheme): void;
+export { Hooks };

package/dist/types/Calling/CometChatCallLogsWithDetails/index.d.ts

@@ -0,0 +1,10 @@
+import { CallLogDetailsConfiguration, CallLogsConfiguration, WithDetailsStyle } from '@cometchat/uikit-shared';
+interface ICallLogWithDetailsProps {
+    isMobileView?: boolean;
+    messageText?: string;
+    withDetailsStyle?: WithDetailsStyle;
+    callLogDetailsConfiguration?: CallLogDetailsConfiguration;
+    callLogsConfiguration?: CallLogsConfiguration;
+}
+declare const CometChatCallLogsWithDetails: (props: ICallLogWithDetailsProps) => import("react/jsx-runtime").JSX.Element;
+export { CometChatCallLogsWithDetails };

package/dist/types/Calling/CometChatCallLogsWithDetails/style.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { CometChatTheme } from "@cometchat/uikit-resources";
+import { LabelStyle } from "@cometchat/uikit-elements";
+import { WithDetailsStyle } from "@cometchat/uikit-shared";
+export declare function getContainerStyle(theme: CometChatTheme, style: WithDetailsStyle): React.CSSProperties;
+export declare function getLabelStyle(theme: CometChatTheme, style: WithDetailsStyle): LabelStyle;
+export declare function getEmptyContainerStyle(): {
+    display: string;
+    justifyContent: string;
+    alignItems: string;
+    height: string;
+    width: string;
+};

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

@@ -0,0 +1,2 @@
+declare function Hooks(loggedInUser: any, setLoggedInUser: any, call: CometChat.Call, subscribeToEvents: Function, attachListeners: Function, removeListener: Function, acceptCallButtonRef: any, rejectCallButtonRef: any, showCall: any, callRef: any, acceptIncomingCall: Function, rejectIncomingCall: Function, showIncomingCallScreen: boolean): void;
+export { Hooks };

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

@@ -0,0 +1,19 @@
+import { AvatarStyle, ListItemStyle } from "@cometchat/uikit-elements";
+import { CallScreenConfiguration, IncomingCallStyle } from "@cometchat/uikit-shared";
+interface IIncomingCallProps {
+    call?: any;
+    disableSoundForCalls?: boolean;
+    customSoundForCalls?: string;
+    onAccept?: Function;
+    onDecline?: Function;
+    acceptButtonText?: string;
+    ongoingCallConfiguration?: CallScreenConfiguration;
+    declineButtonText?: string;
+    subtitleView?: any;
+    onError?: Function;
+    listItemStyle?: ListItemStyle;
+    avatarStyle?: AvatarStyle;
+    incomingCallStyle?: IncomingCallStyle;
+}
+declare const CometChatIncomingCall: (props: IIncomingCallProps) => import("react/jsx-runtime").JSX.Element;
+export { CometChatIncomingCall };

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

@@ -0,0 +1,72 @@
+import { CSSProperties } from 'react';
+import { AvatarStyle, ListItemStyle, CallscreenStyle } from "@cometchat/uikit-elements";
+import { CometChatTheme } from "@cometchat/uikit-resources";
+import { IncomingCallStyle } from "@cometchat/uikit-shared";
+export declare const IncomingCallWrapperStyle: (incomingCallStyle: IncomingCallStyle) => CSSProperties;
+export declare const IncomingCallSubtitleStyle: {
+    display: string;
+    alignItems: string;
+    justifyContent: string;
+    gap: string;
+};
+export declare const IncomingCallLabelStyle: (incomingCallStyle: IncomingCallStyle) => {
+    textFont: string | undefined;
+    textColor: string | undefined;
+};
+export declare const IncomingCallListItemStyle: {
+    width: string;
+    marginLeft: string;
+};
+export declare const IncomingCallTailViewStyle: CSSProperties;
+export declare const IncomingCallButtonsStyle: {
+    display: string;
+    gap: string;
+    paddingLeft: string;
+    paddingRight: string;
+};
+export declare const buttonStyle: {
+    height: string;
+    width: string;
+    display: string;
+    flexDirection: string;
+    justifyContent: string;
+    alignItems: string;
+    padding: string;
+};
+export declare const defaultAvatarStyle: (theme: CometChatTheme) => AvatarStyle;
+export declare const defaultIncomingCallStyle: (theme: CometChatTheme) => IncomingCallStyle;
+export declare const defaultListItemStyle: (incomingCallStyle: IncomingCallStyle, theme: CometChatTheme) => ListItemStyle;
+export declare const AcceptButtonStyle: (incomingCallStyle: IncomingCallStyle) => {
+    height: string;
+    width: string;
+    display: string;
+    flexDirection: string;
+    justifyContent: string;
+    alignItems: string;
+    padding: string;
+    border: string | undefined;
+    borderRadius: string | undefined;
+    background: string | undefined;
+    buttonTextFont: string | undefined;
+    buttonTextColor: string | undefined;
+};
+export declare const DeclineButtonStyle: (incomingCallStyle: IncomingCallStyle) => {
+    height: string;
+    width: string;
+    display: string;
+    flexDirection: string;
+    justifyContent: string;
+    alignItems: string;
+    padding: string;
+    border: string | undefined;
+    borderRadius: string | undefined;
+    background: string | undefined;
+    buttonTextFont: string | undefined;
+    buttonTextColor: string | undefined;
+};
+export declare const getDefaultOngoingCallStyle: (ongoingCallStyle: any, theme: CometChatTheme) => CallscreenStyle;
+export declare const IconStyle: (incomingCallStyle: IncomingCallStyle) => {
+    height: string;
+    width: string;
+    iconTint: string;
+};

package/dist/types/Calling/CometChatOngoingCall/hooks.d.ts

@@ -0,0 +1,2 @@
+declare function Hooks(setLoggedInUser: any, sessionID: string, startCall: any): void;
+export { Hooks };

package/dist/types/Calling/CometChatOngoingCall/index.d.ts

@@ -0,0 +1,15 @@
+import { CallWorkflow } from "@cometchat/uikit-resources";
+import { CallscreenStyle } from "@cometchat/uikit-elements";
+import { CometChatUIKitCalls } from "@cometchat/uikit-shared";
+interface IOngoingCallProps {
+    callSettingsBuilder?: typeof CometChatUIKitCalls.CallSettings;
+    sessionID: string;
+    ongoingCallStyle?: CallscreenStyle;
+    resizeIconHoverText?: string;
+    minimizeIconURL?: string;
+    maximizeIconURL?: string;
+    onError?: Function;
+    callWorkflow?: CallWorkflow;
+}
+declare const CometChatOngoingCall: (props: IOngoingCallProps) => import("react/jsx-runtime").JSX.Element;
+export { CometChatOngoingCall };

package/dist/types/Calling/CometChatOngoingCall/style.d.ts

@@ -0,0 +1,2 @@
+import { CSSProperties } from "react";
+export declare const callScreenWrapperStyle: () => CSSProperties;

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

@@ -0,0 +1,2 @@
+declare function Hooks(playAudio: Function, call: any, onClose: Function, cancelCallButtonRef: any): void;
+export { Hooks };

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

@@ -0,0 +1,16 @@
+import { OutgoingCallStyle } from "@cometchat/uikit-shared";
+import { AvatarStyle } from "@cometchat/uikit-elements";
+interface IOutgoingCallProps {
+    call: CometChat.Call;
+    disableSoundForCalls?: boolean;
+    customSoundForCalls?: string;
+    declineButtonText?: string;
+    declineButtonIconURL?: string;
+    customView?: any;
+    onError?: Function;
+    avatarStyle?: AvatarStyle;
+    outgoingCallStyle?: OutgoingCallStyle;
+    onCloseClicked?: Function;
+}
+declare const CometChatOutgoingCall: (props: IOutgoingCallProps) => import("react/jsx-runtime").JSX.Element;
+export { CometChatOutgoingCall };

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

@@ -0,0 +1,39 @@
+import { AvatarStyle, CardStyle } from "@cometchat/uikit-elements";
+import { OutgoingCallStyle } from "@cometchat/uikit-shared";
+import { CometChatTheme } from "@cometchat/uikit-resources";
+export declare const OutgoingCallWrapperStyle: (outgoingCallStyle: OutgoingCallStyle) => {
+    height: string | undefined;
+    width: string | undefined;
+    background: string | undefined;
+    border: string | undefined;
+    borderRadius: string | undefined;
+};
+export declare const OutgoingCallSubtitleStyle: (outgoingCallStyle: OutgoingCallStyle) => {
+    textFont: string | undefined;
+    textColor: string | undefined;
+};
+export declare const OutgoingCallCancelButtonStyle: (outgoingCallStyle: OutgoingCallStyle) => {
+    height: string;
+    width: string;
+    buttonTextFont: string | undefined;
+    buttonTextColor: string | undefined;
+    borderRadius: string;
+    border: string;
+    buttonIconTint: string | undefined;
+    background: string;
+    iconBackground: string | undefined;
+};
+export declare const buttonStyle: {
+    height: string;
+    width: string;
+    buttonTextFont: string;
+    buttonTextColor: string;
+    borderRadius: string;
+    border: string;
+    buttonIconTint: string;
+    background: string;
+    iconBackground: string;
+};
+export declare const OutgoingCallCardStyle: CardStyle;
+export declare const defaultAvatarStyle: (theme: CometChatTheme) => AvatarStyle;
+export declare const defaultOutgoingCallStyle: (theme: CometChatTheme) => OutgoingCallStyle;

package/dist/types/Calling/Utils/CallDetailsUtils.d.ts

@@ -0,0 +1,11 @@
+import { CometChatCallDetailsTemplate, CometChatTheme } from "@cometchat/uikit-resources";
+export declare class CallingDetailsUtils {
+    static getDefaultCallTemplate(callLog: any, loggedInUser: CometChat.User, theme: CometChatTheme): Array<CometChatCallDetailsTemplate>;
+    private static getCallButtons;
+    static getPrimaryDetailsTemplate(callLog: any, loggedInUser: CometChat.User, theme: CometChatTheme): CometChatCallDetailsTemplate;
+    static getSecondaryDetailsTemplate(callLog: any, loggedInUser: CometChat.User, theme: CometChatTheme): CometChatCallDetailsTemplate;
+    private static getPrimaryOptions;
+    private static getSecondaryOptions;
+    private static generateCallDetailsHTML;
+    private static generateCallOptionsHTML;
+}

package/dist/types/Calling/Utils/CallingDetailsUtils.d.ts

@@ -0,0 +1,7 @@
+import { CometChatDetailsTemplate } from "@cometchat/uikit-resources";
+export declare class CallingDetailsUtils {
+    static getDetailsTemplate(user?: CometChat.User, group?: CometChat.Group): Array<CometChatDetailsTemplate>;
+    private static getCallButtons;
+    static getPrimaryDetailsTemplate(user1?: CometChat.User, group1?: CometChat.Group): CometChatDetailsTemplate;
+    private static getPrimaryOptions;
+}

package/dist/types/Calling/Utils/utils.d.ts

@@ -0,0 +1,7 @@
+export declare function isSentByMe(call: any, loggedInUser: CometChat.User): boolean;
+export declare function isMissedCall(call: CometChat.Call, loggedInUser: CometChat.User): boolean;
+export declare function verifyCallUser(call: any, loggedInUser: CometChat.User): any;
+export declare function getCallStatusWithType(call: any, loggedInUser: CometChat.User, includeType?: boolean): string;
+export declare function convertMinutesToHoursMinutesSeconds(minutes: number): string;
+export declare function convertSecondsToHoursMinutesSeconds(seconds: number): string;
+export declare function downloadRecordingFromURL(url: string): void;

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

@@ -0,0 +1,11 @@
+import React from "react";
+import { SelectionMode } from "@cometchat/uikit-resources";
+type Args = {
+    loggedInUserRef: React.MutableRefObject<CometChat.User | null>;
+    errorHandler: (error: unknown) => void;
+    selectionMode: SelectionMode;
+    selectionModeRef: React.MutableRefObject<SelectionMode>;
+    membersToAddRef: React.MutableRefObject<CometChat.GroupMember[]>;
+};
+export declare function Hooks(args: Args): void;
+export {};

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

@@ -0,0 +1,229 @@
+import { AddMembersStyle } from "@cometchat/uikit-shared";
+import { AvatarStyle, ListItemStyle } from "@cometchat/uikit-elements";
+import { CSSProperties, JSX } from "react";
+import { CometChatOption, SelectionMode, TitleAlignment } from "@cometchat/uikit-resources";
+interface IAddMembersProps {
+    /**
+     * Image URL for the back button
+     *
+     * @remarks
+     * This prop will also be used if `backButton` prop is not provided
+     *
+     * @defaultValue `./assets/backbutton.svg`
+     */
+    backButtonIconURL?: string;
+    /**
+     * Show back button
+     *
+     * @defaultValue `true`
+     */
+    showBackButton?: boolean;
+    /**
+     * Function to call when the back button is clicked
+     */
+    onBack?: () => void;
+    /**
+     * Title of the component
+     *
+     * @defaultValue `localize("ADD_MEMBERS")`
+    */
+    title?: string;
+    /**
+     * Alignment of the `title` text
+     *
+     * @defaultValue `TitleAlignment.center`
+     */
+    titleAlignment?: TitleAlignment;
+    /**
+     * Hide the search bar
+     *
+     * @defaulValue `false`
+     */
+    hideSearch?: boolean;
+    /**
+     * 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;
+    /**
+     * Show alphabetical header
+     *
+     * @defaultValue `false`
+     */
+    showSectionHeader?: boolean;
+    /**
+     * Property on the user object
+     *
+     * @remarks
+     * This property will be used to extract the section header character from the user object
+     *
+     * @defaultValue `getName`
+     */
+    sectionHeaderField?: keyof CometChat.User;
+    /**
+     * 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;
+    /**
+     * Hide error view
+     *
+     * @remarks
+     * If set to true, hides the default and the custom error view
+     *
+     * @defaultValue `false`
+     */
+    hideError?: 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;
+    /**
+     * Hide the separator at the bottom of the default list item view
+     *
+     * @defaultValue `false`
+     */
+    hideSeparator?: boolean;
+    /**
+     * Function to call whenever the component encounters an error
+     */
+    onError?: ((error: CometChat.CometChatException) => void) | null;
+    /**
+     * Custom view to render on the top-right of the component
+     */
+    menus?: JSX.Element;
+    /**
+     * List of actions available on mouse over on the default list item component
+     */
+    options?: (user: CometChat.User) => CometChatOption[];
+    /**
+     * Selection mode to use for the default tail view
+     *
+     * @remarks
+     * This prop is used if `listItemView` prop is not provided.
+     *
+     * @defaultValue `SelectionMode.multiple`
+     */
+    selectionMode?: SelectionMode;
+    /**
+     * Function to call when a user from the fetched list is selected
+     *
+     * @remarks
+     * This prop is used if `selectionMode` prop is not `SelectionMode.none`
+     */
+    onSelect?: (user: CometChat.User, selected: boolean) => void;
+    /**
+     * Request builder to fetch users
+     *
+     * @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
+     */
+    usersRequestBuilder?: CometChat.UsersRequestBuilder;
+    /**
+     * Request builder with search parameters to fetch users
+     *
+     * @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.UsersRequestBuilder;
+    /**
+     * Custom list item view to be rendered for each user in the fetched list
+     */
+    listItemView?: (user: CometChat.User) => JSX.Element;
+    /**
+     * Custom subtitle view to be rendered for each user in the fetched list
+     *
+     * @remarks
+     * This prop is used if `listItemView` prop is not provided
+     */
+    subtitleView?: (user: CometChat.User) => JSX.Element;
+    /**
+     * Group to add members to
+     */
+    group: CometChat.Group;
+    /**
+     * Function to call when add button of the component is clicked
+     *
+     * @remarks
+     * This function won't be call if no users are selected
+     */
+    onAddMembersButtonClick?: (guid: string, membersToAdd: CometChat.GroupMember[]) => void;
+    /**
+     * Text to display for the default add button
+     *
+     * @defaultValue `localize("ADD_MEMBERS")`
+     */
+    buttonText?: string;
+    /**
+     * Image URL for the close button
+     *
+     * @defaultValue `./assets/close2x.svg`
+     */
+    closeButtonIconURL?: string;
+    /**
+     * Function to call when the close button is clicked
+     */
+    onClose?: () => void;
+    /**
+     * 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 this component
+     */
+    addMembersStyle?: AddMembersStyle;
+}
+/**
+ * Renders a scrollable list of users to add to a group of a CometChat App
+ */
+export declare function CometChatAddMembers(props: IAddMembersProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,13 @@
+import { CSSProperties } from "react";
+import { CometChatTheme } from "@cometchat/uikit-resources";
+import { AddMembersStyle, UsersStyle } from "@cometchat/uikit-shared";
+type ButtonStyle = CSSProperties & {
+    buttonIconTint?: string;
+};
+export declare function addMembersStyle(addMembersStyleObject: AddMembersStyle | null, theme: CometChatTheme): CSSProperties;
+export declare function usersStyle(addMembersStyleObject: AddMembersStyle | null, theme: CometChatTheme): UsersStyle;
+export declare function addMembersButtonStyle(addMembersStyleObject: AddMembersStyle | null, theme: CometChatTheme): any;
+export declare function defaultBackBtnStyle(addMembersStyleObject: AddMembersStyle | null, theme: CometChatTheme): ButtonStyle;
+export declare function closeBtnStyle(addMembersStyleObject: AddMembersStyle | null, theme: CometChatTheme): ButtonStyle;
+export declare function getAddMembersBtnStyle(): CSSProperties;
+export {};