@cometchat/chat-uikit-react 4.3.22 → 5.0.0-beta1

package/dist/types/src/components/BaseComponents/CometChatEmojiKeyboard/useCometChatEmojiKeyboard.d.ts

@@ -0,0 +1,17 @@
+import { CometChatEmoji, CometChatEmojiCategory } from "./CometChatEmoji";
+export declare const useCometChatEmojiKeyboard: ({ emojiData, }: {
+    emojiData: CometChatEmojiCategory[];
+}) => {
+    emojiDataState: CometChatEmojiCategory[];
+    activeCategory: string;
+    searchEmojiData: {
+        [key: string]: CometChatEmoji;
+    };
+    searchString: string;
+    getEmojiData: (emojiData: CometChatEmoji) => string;
+    getEmojiCategory: () => void;
+    scrollToElement: (id: string) => void;
+    filterEmojis: (e: {
+        value?: string;
+    }) => void;
+};

package/dist/types/src/components/BaseComponents/CometChatFileBubble/CometChatFileBubble.d.ts

@@ -0,0 +1,9 @@
+interface FileBubbleProps {
+    fileURL: string;
+    fileTypeIconURL?: string;
+    title?: string;
+    subtitle?: string;
+    isSentByMe?: boolean;
+}
+declare const CometChatFileBubble: (props: FileBubbleProps) => import("react/jsx-runtime").JSX.Element;
+export { CometChatFileBubble };

package/dist/types/src/components/BaseComponents/CometChatFullScreenViewer/CometChatFullScreenViewer.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+/**
+ * Props for the CometChatFullScreenViewer component.
+ */
+interface FullScreenViewerProps {
+    /** URL of the image to be displayed */
+    URL?: string;
+    /** Placeholder image URL */
+    placeholderImage?: string;
+    /** Callback function when the close button is clicked */
+    ccCloseClicked?: () => void;
+    /**
+     * The media message containing the image.
+     */
+    message: CometChat.MediaMessage;
+}
+/**
+ * CometChatFullScreenViewer is a full-screen image viewer component with a customizable close button.
+ *
+ * @param {FullScreenViewerProps} props - The properties passed to the component.
+ */
+declare const CometChatFullScreenViewer: React.FC<FullScreenViewerProps>;
+export { CometChatFullScreenViewer };

package/dist/types/src/components/BaseComponents/CometChatImageBubble/CometChatImageBubble.d.ts

@@ -0,0 +1,10 @@
+interface ImageBubbleProps {
+    src: string;
+    placeholderImage?: string;
+    onImageClicked?: (input: {
+        src: string;
+    }) => void;
+    isSentByMe?: boolean;
+}
+declare const CometChatImageBubble: (props: ImageBubbleProps) => import("react/jsx-runtime").JSX.Element;
+export { CometChatImageBubble };

package/dist/types/src/components/BaseComponents/CometChatImageBubble/useCometChatImageBubble.d.ts

@@ -0,0 +1,7 @@
+export declare const useCometChatImageBubble: ({ src, placeholderImage, }: {
+    src?: string | undefined;
+    placeholderImage?: string | undefined;
+}) => {
+    image: string;
+    updateImage: () => void;
+};

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

@@ -0,0 +1,156 @@
+import { JSX } from "react";
+import { States, TitleAlignment } from "../../../Enums/Enums";
+export type DivElementRef = HTMLDivElement | null;
+interface ListProps<T> {
+    /**
+     * Title of the component
+     *
+     * @defaultValue `""`
+     */
+    title?: string;
+    /**
+     * Menu view of the component
+     *
+     * @defaultValue `""`
+     */
+    menu?: JSX.Element;
+    /**
+     * Alignment of the `title` text
+     *
+     * @defaultValue `TitleAlignment.left`
+     */
+    titleAlignment?: TitleAlignment;
+    /**
+     * Hide the search bar
+     *
+     * @defaulValue `false`
+     */
+    hideSearch?: boolean;
+    /**
+     * Text to fill the search input with
+     *
+     * @defaultValue `""`
+     */
+    searchText?: string;
+    /**
+     * Function to call when the search input text changes
+     *
+     * @remarks
+     * This function will only be called after 500ms of the search input text change
+     */
+    onSearch?: (searchStr: string) => void;
+    /**
+     * Image URL for the search icon to use in the search bar
+     */
+    searchIconURL?: string;
+    /**
+     * Text to be displayed when the search input has no value
+     *
+     * @defaultValue `"Search"`
+     */
+    searchPlaceholderText?: string;
+    /**
+     * List of objects to display
+     */
+    list: T[];
+    /**
+     * Custom list item view to be rendered for each object in the `list` prop
+     */
+    listItem: (item: T, itemIndex: number) => JSX.Element;
+    /**
+     * Function to call when the scrollbar is at the top-most position of the scrollable list
+     */
+    onScrolledToBottom?: () => Promise<any>;
+    /**
+     * Function to call when the scrollbar is at the bottom-most position of the scrollable list
+     */
+    onScrolledToTop?: () => Promise<any>;
+    /**
+     * Function to call when the scrollbar is not at the bottom-most position of the scrollable list
+     */
+    scrolledUpCallback?: (boolean?: boolean) => void;
+    /**
+     * Show alphabetical header
+     *
+     * @defaultValue `true`
+     */
+    showSectionHeader?: boolean;
+    /**
+     * Property on each object in the `list` prop
+     *
+     * @remarks
+     * This property will be used to extract the section header character from each object in the `list` prop
+     */
+    sectionHeaderKey?: keyof T;
+    /**
+     * Property on each object in the `list` prop
+     *
+     * @remarks
+     * This property will be used to extract the key value from each object in the `list` prop. The extracted key value is set as a `key` of a React element
+     */
+    listItemKey?: keyof T;
+    /**
+     * Fetch state of the component
+     */
+    state: States;
+    /**
+     * Custom view for the loading state of the component
+     */
+    loadingView?: JSX.Element;
+    /**
+     * Image URL for the default loading view
+     */
+    loadingIconURL?: string;
+    /**
+     * Hide error view
+     *
+     * @remarks
+     * If set to true, hides the default and the custom error view
+     *
+     * @defaultValue `false`
+     */
+    hideError?: boolean;
+    /**
+     * Custom view for the error state of the component
+     */
+    errorStateView?: JSX.Element;
+    /**
+     * Text to display in the default error view
+     *
+     * @defaultValue `"ERROR"`
+     */
+    errorStateText?: string;
+    /**
+     * Custom view for the empty state of the component
+     */
+    emptyStateView?: JSX.Element;
+    /**
+     * Text to display in the default empty view
+     *
+     * @defaultValue `"EMPTY"`
+     */
+    emptyStateText?: string;
+    /**
+     * Set the scrollbar to the bottom-most position of the scrollable list
+     *
+     * @remarks
+     * If the scrollbar of the scrollable list is set to the bottom-most position of the scrollable list because of this `prop`, the component won't call the `onScrolledToBottom` prop
+     */
+    scrollToBottom?: boolean;
+    /**
+     * Function to call whenever the component encounters an error
+     */
+    onError?: ((error: CometChat.CometChatException) => void) | null;
+}
+/**
+ * Renders a list component that can display a title, search bar,
+ * and items with optional section headers.
+ *
+ * @param props - The props for configuring the list
+ */
+declare function List<T>(props: ListProps<T>): JSX.Element;
+/**
+ * Renders a scrollable list
+ */
+export declare const CometChatList: typeof List;
+export {};

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

@@ -0,0 +1,17 @@
+import React from "react";
+import { DivElementRef } from "./CometChatList";
+type Args = {
+    intersectionObserverRootRef: React.MutableRefObject<DivElementRef>;
+    intersectionObserverBottomTargetRef: React.MutableRefObject<DivElementRef>;
+    intersectionObserverTopTargetRef: React.MutableRefObject<DivElementRef>;
+    onScrolledToBottomRef: React.MutableRefObject<(() => void) | undefined>;
+    onScrolledToTopRef: React.MutableRefObject<(() => void) | undefined>;
+    scrollToBottom: boolean;
+    didComponentScrollToBottomRef: React.MutableRefObject<boolean>;
+    scrollHeightTupleRef: React.MutableRefObject<[number, number]>;
+    didTopObserverCallbackRunRef: React.MutableRefObject<boolean>;
+    errorHandler: (error: unknown) => void;
+    scrolledUpCallback?: (boolean?: boolean) => void;
+};
+export declare function useCometChatList(args: Args): void;
+export {};

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

@@ -0,0 +1,15 @@
+import { ReactNode } from "react";
+interface ListItemProps {
+    id?: string;
+    avatarURL?: string;
+    avatarName?: string;
+    title: string;
+    onListItemClicked?: (input: {
+        id?: string;
+    }) => void;
+    menuView?: ReactNode;
+    subtitleView?: ReactNode;
+    tailView?: ReactNode;
+}
+declare const CometChatListItem: (props: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+export { CometChatListItem };

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

@@ -0,0 +1,12 @@
+import { MouseEvent } from "react";
+export declare const useCometChatListItem: ({ id, onListItemClicked }: {
+    id?: string | undefined;
+    onListItemClicked?: (({ id: string }: {
+        id?: string | undefined;
+    }) => void) | undefined;
+}) => {
+    listItemClick: (event: MouseEvent<HTMLDivElement>) => void;
+    isHovering: boolean;
+    showTail: () => void;
+    hideTail: () => void;
+};

package/dist/types/src/components/BaseComponents/CometChatLiveReaction/CometChatLiveReaction.d.ts

@@ -0,0 +1,5 @@
+interface BaseProps {
+    reactionIconURL?: string;
+}
+declare const CometChatLiveReaction: (props: BaseProps) => import("react/jsx-runtime").JSX.Element;
+export { CometChatLiveReaction };

package/dist/types/src/components/BaseComponents/CometChatLiveReaction/useLiveReactionHook.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+interface customItem {
+    element: HTMLElement;
+    elementHeight: number;
+    elementWidth: number;
+    ySpeed: number;
+    omega: number;
+    random: number;
+    x: Function;
+    y: number;
+}
+export declare const useLiveReactionHook: ({}: {}) => {
+    setVerticalSpeed: import("react").Dispatch<import("react").SetStateAction<number>>;
+    setHorizontalSpeed: import("react").Dispatch<import("react").SetStateAction<number>>;
+    setItems: import("react").Dispatch<import("react").SetStateAction<customItem[]>>;
+    updateItems: () => void;
+    requestAnimation: () => void;
+};
+export {};

package/dist/types/src/components/BaseComponents/CometChatMediaRecorder/CometChatMediaRecorder.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface MediaRecorderProps {
+    autoRecording?: boolean;
+    onCloseRecording?: () => void;
+    onSubmitRecording?: (file: Blob) => void;
+}
+declare const CometChatMediaRecorder: React.FC<MediaRecorderProps>;
+export { CometChatMediaRecorder };

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

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { CometChatActionsIcon, CometChatActionsView } from "../../../modals";
+import { MessageBubbleAlignment } from "../../../Enums/Enums";
+/**Interface defining the structure for MessageBubbleProps */
+interface MessageBubbleProps {
+    id: string | number;
+    setRef?: (ref: any) => void;
+    leadingView?: JSX.Element | null;
+    headerView?: JSX.Element | null;
+    replyView?: JSX.Element | null;
+    contentView?: JSX.Element | null;
+    bottomView?: JSX.Element | null;
+    threadView?: JSX.Element | null;
+    footerView?: JSX.Element | null;
+    statusInfoView?: JSX.Element | null;
+    options: (CometChatActionsIcon | CometChatActionsView)[];
+    alignment: MessageBubbleAlignment;
+    topMenuSize?: number;
+    type?: string;
+    category?: string;
+}
+/**
+ * React component for displaying different types of messages in the message list.
+ * @param props
+ * @returns
+ */
+declare const CometChatMessageBubble: (props: MessageBubbleProps) => import("react/jsx-runtime").JSX.Element;
+export { CometChatMessageBubble };

package/dist/types/src/components/BaseComponents/CometChatPopover/CometChatPopover.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode, CSSProperties } from 'react';
+export declare enum Placement {
+    top = "top",
+    right = "right",
+    bottom = "bottom",
+    left = "left"
+}
+interface PopoverProps {
+    placement?: Placement;
+    closeOnOutsideClick?: boolean;
+    showOnHover?: boolean;
+    debounceOnHover?: number;
+    children: ReactNode;
+    content: ReactNode;
+    hasToolTip?: boolean;
+    childClickHandler?: (openContent: Function, event: Event) => void;
+    onOutsideClick?: () => void;
+    overrideStyleProps?: CSSProperties;
+}
+declare const CometChatPopover: import("react").ForwardRefExoticComponent<PopoverProps & import("react").RefAttributes<{
+    openPopover: () => void;
+    closePopover: () => void;
+}>>;
+export { CometChatPopover };

package/dist/types/src/components/BaseComponents/CometChatRadioButton/CometChatRadioButton.d.ts

@@ -0,0 +1,14 @@
+interface RadioButtonProps {
+    checked?: boolean;
+    name?: string;
+    labelText?: string;
+    disabled?: boolean;
+    id?: string;
+    onRadioButtonChanged?: (input: {
+        checked: boolean;
+        labelText: string | undefined;
+        id: string;
+    }) => void;
+}
+declare const CometChatRadioButton: (props: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;
+export { CometChatRadioButton };

package/dist/types/src/components/BaseComponents/CometChatRadioButton/useCometChatRadioButton.d.ts

@@ -0,0 +1,13 @@
+import { ChangeEvent } from "react";
+export declare const useCometChatRadioButton: ({ checked, onRadioButtonChanged, id, name, }: {
+    checked?: boolean | undefined;
+    onRadioButtonChanged?: ((input: {
+        checked: boolean;
+        labelText: string | undefined;
+        id: string;
+    }) => void) | undefined;
+    id?: string | undefined;
+    name?: string | undefined;
+}) => {
+    updateRadioState: (event: ChangeEvent<HTMLInputElement>) => void;
+};

package/dist/types/src/components/BaseComponents/CometChatSearchBar/CometChatSearchBar.d.ts

@@ -0,0 +1,9 @@
+interface SearchBarProps {
+    searchText?: string;
+    placeholderText?: string;
+    onChange?: (input: {
+        value?: string;
+    }) => void;
+}
+declare const CometChatSearchBar: (props: SearchBarProps) => import("react/jsx-runtime").JSX.Element;
+export { CometChatSearchBar };

package/dist/types/src/components/BaseComponents/CometChatSearchBar/useCometChatSearchBar.d.ts

@@ -0,0 +1,10 @@
+import { ChangeEvent } from "react";
+export declare const useCometChatSearchBar: ({ searchText, onChange, }: {
+    searchText?: string | undefined;
+    onChange?: (({ value: string }: {
+        value?: string | undefined;
+    }) => void) | undefined;
+}) => {
+    searchValue: string;
+    onInputChange: (event: ChangeEvent<HTMLInputElement>) => void;
+};

package/dist/types/src/components/BaseComponents/CometChatTextBubble/CometChatTextBubble.d.ts

@@ -0,0 +1,8 @@
+import { CometChatTextFormatter } from "../../../formatters/CometChatFormatters/CometChatTextFormatter";
+interface TextBubbleProps {
+    text: string;
+    textFormatters?: Array<CometChatTextFormatter>;
+    isSentByMe?: boolean;
+}
+declare const CometChatTextBubble: (props: TextBubbleProps) => import("react/jsx-runtime").JSX.Element;
+export { CometChatTextBubble };

package/dist/types/src/components/BaseComponents/CometChatTextBubble/useCometChatTextBubble.d.ts

@@ -0,0 +1,6 @@
+import { CometChatTextFormatter } from "../../../formatters/CometChatFormatters/CometChatTextFormatter";
+export declare const useCometChatTextBubble: (props: {
+    textFormatters: Array<CometChatTextFormatter>;
+}) => {
+    pasteHtml: (textElement: HTMLElement, text: string) => void;
+};

package/dist/types/src/components/BaseComponents/CometChatToast/CometChatToast.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+/**
+ * Interface for the props of CometChatToast component
+ */
+interface CometChatToastProps {
+    /** The text to display in the toast message */
+    text: string;
+    /** Duration (in milliseconds) for which the toast is visible (default is 3000ms) */
+    duration?: number;
+    /** Optional callback function that executes when the toast closes */
+    onClose?: () => void;
+}
+/**
+ * CometChatToast Component
+ *
+ * This component displays a temporary toast message with a specified text and duration.
+ * The toast will automatically disappear after the specified duration and optionally trigger
+ * an `onClose` callback if provided.
+ *
+ * @param {string} text - The message text to display in the toast
+ * @param {number} duration - Duration for which the toast is visible
+ * @param {function} onClose - Callback function executed when the toast closes
+ *
+ * @returns {JSX.Element | null} - The JSX element for the toast message or null if no text is provided
+ */
+declare const CometChatToast: React.FC<CometChatToastProps>;
+export default CometChatToast;

package/dist/types/src/components/BaseComponents/CometChatVideoBubble/CometChatVideoBubble.d.ts

@@ -0,0 +1,9 @@
+interface VideoBubbleProps {
+    src: string;
+    autoPlay?: boolean;
+    loop?: boolean;
+    muted?: boolean;
+    isSentByMe?: boolean;
+}
+declare const CometChatVideoBubble: (props: VideoBubbleProps) => import("react/jsx-runtime").JSX.Element;
+export { CometChatVideoBubble };

package/dist/types/src/components/BaseComponents/CometChatVideoBubble/useCometChatVideoBubble.d.ts

@@ -0,0 +1,6 @@
+export declare const useCometChatVideoBubble: ({ src, }: {
+    src?: string | undefined;
+}) => {
+    posterImage: string;
+    updateImage: () => void;
+};

package/dist/types/src/components/Calling/CallButtonConfiguration.d.ts

@@ -0,0 +1,10 @@
+import { CometChatUIKitCalls } from "../../CometChatUIKit/CometChatCalls";
+import { OutgoingCallConfiguration } from "./OutgoingCallConfiguration";
+export declare class CallButtonConfiguration {
+    callSettingsBuilder?: (isAudioOnlyCall: boolean, user?: CometChat.User, group?: CometChat.Group) => typeof CometChatUIKitCalls.CallSettingsBuilder;
+    onVoiceCallClick?: () => void;
+    onVideoCallClick?: () => void;
+    onError?: (error: CometChat.CometChatException) => void;
+    outgoingCallConfiguration?: OutgoingCallConfiguration;
+    constructor(configuration?: CallButtonConfiguration);
+}

package/dist/types/src/components/Calling/CallingConfiguration.d.ts

@@ -0,0 +1,7 @@
+import { CometChatUIKitCalls } from "../../CometChatUIKit/CometChatCalls";
+import { CallButtonConfiguration } from "./CallButtonConfiguration";
+export declare class CallingConfiguration {
+    groupCallSettingsBuilder?: (message: CometChat.CustomMessage) => typeof CometChatUIKitCalls.CallSettingsBuilder;
+    callButtonConfiguration?: CallButtonConfiguration;
+    constructor(configuration?: CallingConfiguration);
+}

package/dist/types/src/components/Calling/CallingExtension.d.ts

@@ -0,0 +1,9 @@
+import { ExtensionsDataSource } from '../Extensions/ExtensionsDataSource';
+import { CallingConfiguration } from './CallingConfiguration';
+export declare class CallingExtension extends ExtensionsDataSource {
+    private configuration?;
+    constructor(configuration?: CallingConfiguration);
+    enable(): void;
+    addExtension(): void;
+    getExtensionId(): string;
+}

package/dist/types/src/components/Calling/CallingExtensionDecorator.d.ts

@@ -0,0 +1,29 @@
+import { DataSource } from "../../utils/DataSource";
+import { DataSourceDecorator } from "../../utils/DataSourceDecorator";
+import { CallingConfiguration } from "./CallingConfiguration";
+import { MessageBubbleAlignment } from "../../Enums/Enums";
+import { CometChatMessageTemplate } from "../../modals";
+export declare class CallingExtensionDecorator extends DataSourceDecorator {
+    loggedInUser: CometChat.User | null;
+    configuration?: CallingConfiguration;
+    constructor(dataSource: DataSource, configuration?: CallingConfiguration);
+    addLoginListener(): void;
+    getLoggedInUser(): Promise<void>;
+    getAllMessageTypes(): string[];
+    getId(): string;
+    getAllMessageCategories(): string[];
+    checkIfTemplateTypeExist(template: CometChatMessageTemplate[], type: string): boolean;
+    checkIfTemplateCategoryExist(template: CometChatMessageTemplate[], category: string): boolean;
+    getAllMessageTemplates(additionalConfigurations?: any): CometChatMessageTemplate[];
+    getDirectCallTemplate(): CometChatMessageTemplate;
+    getDefaultCallTemplate(): CometChatMessageTemplate[];
+    getSessionId(_message: CometChat.CustomMessage): any;
+    getDirectCallMessageBubble(_message: CometChat.CustomMessage, _alignment: MessageBubbleAlignment): import("react/jsx-runtime").JSX.Element;
+    startDirectCall(sessionId: string, message: CometChat.CustomMessage): void;
+    getCallActionMessage(_message: CometChat.Call): string;
+    getCallStatusClass(message: CometChat.Call): "" | "cometchat-message-bubble__outgoing-call" | "cometchat-message-bubble__incoming-call" | "cometchat-message-bubble__cancelled-call" | "cometchat-message-bubble__rejected-call" | "cometchat-message-bubble__busy-call" | "cometchat-message-bubble__ended-call" | "cometchat-message-bubble__answered-call" | "cometchat-message-bubble__unanswered-call" | "cometchat-message-bubble__missed-call";
+    getDefaultAudioCallMessageBubble(_message: CometChat.Call, _alignment: MessageBubbleAlignment): import("react/jsx-runtime").JSX.Element;
+    getDefaultVideoCallMessageBubble(_message: CometChat.Call, _alignment: MessageBubbleAlignment): import("react/jsx-runtime").JSX.Element;
+    getLastConversationMessage(conversation: CometChat.Conversation, loggedInUser: CometChat.User, additionalParams?: any): string;
+    getAuxiliaryHeaderMenu(user?: CometChat.User, group?: CometChat.Group): any[];
+}

package/dist/types/src/components/Calling/CometChatCallButtons/CometChatCallButtons.d.ts

@@ -0,0 +1,36 @@
+import { CometChatUIKitCalls } from "../../../CometChatUIKit/CometChatCalls";
+import { OutgoingCallConfiguration } from "../OutgoingCallConfiguration";
+interface CallButtonsProps {
+    onVoiceCallClick?: () => void;
+    onVideoCallClick?: () => void;
+    onError?: (error: CometChat.CometChatException) => void;
+    callSettingsBuilder?: (isAudioOnlyCall: boolean, user?: CometChat.User, group?: CometChat.Group) => typeof CometChatUIKitCalls.CallSettingsBuilder;
+    outgoingCallConfiguration?: OutgoingCallConfiguration;
+}
+interface CallButtonsUserProps extends CallButtonsProps {
+    /**
+       * Sets the user object for Call Buttons.
+       */
+    user: CometChat.User;
+    /**
+     * Used to set the group object for Call Buttons.
+     *
+     * @default null
+     */
+    group?: CometChat.Group | null;
+}
+interface CallButtonsGroupProps extends CallButtonsProps {
+    /**
+     * Sets the user object for Call Buttons, or null if no user is involved.
+     *
+     * @default null
+     */
+    user?: CometChat.User | null;
+    /**
+     * Used to set the group object for Call Buttons.
+     */
+    group: CometChat.Group;
+}
+type CallButtonsPropsType = CallButtonsUserProps | CallButtonsGroupProps;
+declare const CometChatCallButtons: (props: CallButtonsPropsType) => import("react/jsx-runtime").JSX.Element;
+export { CometChatCallButtons };

package/dist/types/src/components/Calling/CometChatCallButtons/useCallButtons.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare function useCallButtons(loggedInUser: any, setLoggedInUser: Function, user: any, group: any, onErrorCallback: Function, attachListeners: Function, removeListener: Function, setActiveUser: any, setActiveGroup: any, initiateAudioCall: Function, initiateVideoCall: Function, onVoiceCallClickRef: React.MutableRefObject<Function | undefined>, onVideoCallClickRef: React.MutableRefObject<Function | undefined>, subscribeToEvents: Function): {
+    audioCallButtonClicked: () => void;
+    videoCallButtonClicked: () => void;
+};
+export { useCallButtons };