@cometchat/chat-uikit-react 4.3.30 → 4.3.31

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

@@ -0,0 +1,260 @@
+import { AvatarStyle, ListItemStyle } from "@cometchat/uikit-elements";
+import { CSSProperties, JSX } from "react";
+import { CometChatOption, SelectionMode, States, TitleAlignment, UserPresencePlacement } from "@cometchat/uikit-resources";
+import { UsersManager } from "./controller";
+import { UsersStyle } from "@cometchat/uikit-shared";
+export interface IUsersProps {
+    /**
+     * Title of the component
+     *
+     * @defaultValue `localize("USERS")`
+     */
+    title?: string;
+    /**
+     * Alignment of the `title` text
+     *
+     * @defaultValue `TitleAlignment.left`
+     */
+    tileAlignment?: 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")`
+     */
+    searchPlaceholderText?: string;
+    /**
+     * Custom list item view to be rendered for each user in the fetched list
+     */
+    listItemView?: (user: CometChat.User) => JSX.Element;
+    /**
+     * Show alphabetical header
+     *
+     * @defaultValue `true`
+     */
+    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`
+     */
+    sectionHeaderKey?: keyof CometChat.User;
+    /**
+     * Custom view for the loading state of the component
+     */
+    loadingStateView?: JSX.Element;
+    /**
+     * Image URL for the default loading view
+     *
+     * @defaultValue `./assets/spinner.svg`
+     */
+    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 `localize("SOMETHING_WRONG")`
+     */
+    errorStateText?: string;
+    /**
+     * Custom view for the empty state of the component
+     */
+    emptyStateView?: JSX.Element;
+    /**
+     * Text to display in the default empty view
+     *
+     * @defaultValue `localize("NO_USERS_FOUND")`
+     */
+    emptyStateText?: string;
+    /**
+     * 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;
+    /**
+     * Hide user presence
+     *
+     * @remarks
+     * If set to true, the status indicator of the default list item view is not displayed
+     *
+     * @defaultValue `false`
+     */
+    disableUsersPresence?: boolean;
+    /**
+     * 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[];
+    /**
+     * Hide the separator at the bottom of the default list item view
+     *
+     * @defaultValue `false`
+     */
+    hideSeparator?: boolean;
+    /**
+     * Selection mode to use for the default tail view
+     *
+     * @remarks
+     * This prop is used if `listItemView` prop is not provided.
+     *
+     * @defaultValue `SelectionMode.none`
+     */
+    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?: (users: 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;
+    /**
+     * Function to call on click of the default list item view of a user
+     */
+    onItemClick?: (user: CometChat.User) => void;
+    /**
+     * Function to call whenever the component encounters an error
+     */
+    onError?: ((error: CometChat.CometChatException) => void) | null;
+    /**
+     * 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 this component
+     */
+    usersStyle?: UsersStyle;
+    /**
+     * Styles to apply to the default list item view
+     */
+    listItemStyle?: ListItemStyle;
+    /**
+     * User to highlight
+     *
+     * @remarks
+     * This prop is used if `listItemView` prop is not provided
+     */
+    activeUser?: CometChat.User;
+    /**
+     * Search keyword to filter the list of users.
+     *
+     * @defaultValue `""`
+     */
+    searchKeyword?: string;
+    /**
+     * Callback function to be executed when the user list is empty.
+     */
+    onEmpty?: () => void;
+    /**
+     * Flag to indicate whether users are currently being fetched.
+     *
+     * @defaultValue `false`
+     */
+    fetchingUsers?: boolean;
+    /**
+     * Timeout reference for fetching users.
+     */
+    fetchTimeOut?: any;
+    /**
+     * Placement of user presence information within the user interface.
+     * @defaultValue `bottom`
+     */
+    userPresencePlacement?: UserPresencePlacement;
+    /**
+     * Flag to indicate whether to disable loading state while fetching users.
+     * @defaultValue `false`
+     */
+    disableLoadingState?: boolean;
+    /**
+     * URL of the icon to be used for the close button.
+     */
+    closeButtonIconURL?: string;
+}
+type State = {
+    searchText: string;
+    userList: CometChat.User[];
+    fetchState: States;
+    isFirstReload: boolean;
+    fetchingUsers: boolean;
+    fetchTimeOut: any;
+    disableLoadingState: boolean;
+};
+export type Action = {
+    type: "setSearchText";
+    searchText: State["searchText"];
+} | {
+    type: "appendUsers";
+    users: CometChat.User[];
+    removeOldUsers?: boolean;
+    usersManager?: UsersManager | null;
+    onEmpty?: () => void;
+} | {
+    type: "setFetchState";
+    fetchState: States;
+} | {
+    type: "setUserList";
+    userList: CometChat.User[];
+} | {
+    type: "updateUser";
+    user: CometChat.User;
+} | {
+    type: "setIsFirstReload";
+    isFirstReload: boolean;
+};
+/**
+ * Renders a scrollable list of users that has been created in a CometChat app
+ */
+export declare function CometChatUsers(props: IUsersProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,11 @@
+import { AvatarStyle, ListItemStyle } from "@cometchat/uikit-elements";
+import { CSSProperties } from "react";
+import { ListStyle, UsersStyle } from "@cometchat/uikit-shared";
+import { CometChatTheme } from "@cometchat/uikit-resources";
+export declare function listStyle(usersStyleObject: UsersStyle | null, theme: CometChatTheme): ListStyle;
+export declare function UsersWrapperStyle(usersStyleObject: UsersStyle | null, theme: CometChatTheme): CSSProperties;
+export declare function menuStyles(): CSSProperties;
+export declare function listItemStyle(listItemStyleObject: ListItemStyle | null, usersStyleObject: UsersStyle | null, theme: CometChatTheme): ListItemStyle;
+export declare function avatarStyle(avatarStyleObject: AvatarStyle | null, theme: CometChatTheme): AvatarStyle;
+export declare function statusIndicatorStyle(statusIndicatorStyleObject: CSSProperties | null): CSSProperties;
+export declare function tailViewSelectionContainerStyle(): CSSProperties;

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

@@ -0,0 +1,2 @@
+declare function Hooks(subscribeToEvents: Function, user: any, setActiveUser: any): void;
+export { Hooks };

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

@@ -0,0 +1,12 @@
+import { MessagesConfiguration, UsersConfiguration, WithMessagesStyle } from "@cometchat/uikit-shared";
+interface IUsersWithMessagesProps {
+    user?: CometChat.User;
+    isMobileView?: boolean;
+    messageText?: string;
+    usersWithMessagesStyle?: WithMessagesStyle;
+    messagesConfiguration?: MessagesConfiguration;
+    usersConfiguration?: UsersConfiguration;
+    onError?: Function;
+}
+declare const CometChatUsersWithMessages: (props: IUsersWithMessagesProps) => import("react/jsx-runtime").JSX.Element;
+export { CometChatUsersWithMessages };

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

@@ -0,0 +1,70 @@
+import { CometChat } from "@cometchat/chat-sdk-javascript";
+import { CometChatTheme } from '@cometchat/uikit-resources';
+import { MessageHeaderStyle, MessagesConfiguration, MessagesStyle, UsersConfiguration, UsersStyle, WithMessagesStyle } from '@cometchat/uikit-shared';
+import { LabelStyle } from '@cometchat/uikit-elements';
+import { CSSProperties } from 'react';
+export declare const getUsersWrapperStyles: (usersWithMessagesStyle: WithMessagesStyle | undefined, theme: CometChatTheme) => CSSProperties;
+export declare const getWithMessagesSidebarStyle: (usersWithMessagesStyle: WithMessagesStyle | undefined, theme: CometChatTheme, isMobileView: boolean | undefined, activeUser: CometChat.User | undefined) => CSSProperties;
+export declare const getWithMessagesMainStyle: (usersWithMessagesStyle: WithMessagesStyle | undefined, isMobileView: boolean | undefined, activeUser: CometChat.User | undefined) => CSSProperties;
+export declare const getLabelStyle: (usersWithMessagesStyle: WithMessagesStyle | undefined, theme: CometChatTheme) => LabelStyle;
+export declare const getUsersStyle: (usersConfiguration: UsersConfiguration | undefined) => UsersStyle;
+export declare const getMessageHeaderStyle: (usersWithMessagesStyle: WithMessagesStyle | undefined, messagesConfiguration: MessagesConfiguration | undefined, isMobileView: boolean | undefined) => MessageHeaderStyle;
+export declare const getMessageComposerStyle: (usersWithMessagesStyle: WithMessagesStyle | undefined, messagesConfiguration: MessagesConfiguration | undefined, isMobileView: boolean | undefined) => {
+    attachIcontint?: string | undefined;
+    liveReactionIconTint?: string | undefined;
+    sendIconTint?: string | undefined;
+    emojiIconTint?: string | undefined;
+    AIIconTint?: string | undefined;
+    voiceRecordingIconTint?: string | undefined;
+    inputBackground?: string | undefined;
+    inputBorder?: string | undefined;
+    inputBorderRadius?: string | undefined;
+    dividerTint?: string | undefined;
+    textFont?: string | undefined;
+    textColor?: string | undefined;
+    placeHolderTextColor?: string | undefined;
+    placeHolderTextFont?: string | undefined;
+    emojiKeyboardTextFont?: string | undefined;
+    emojiKeyboardTextColor?: string | undefined;
+    previewTitleFont?: string | undefined;
+    previewTitleColor?: string | undefined;
+    previewSubtitleColor?: string | undefined;
+    previewSubtitleFont?: string | undefined;
+    closePreviewTint?: string | undefined;
+    maxInputHeight?: string | undefined;
+    height?: string | undefined;
+    width?: string | undefined;
+    border?: string | undefined;
+    borderRadius: string;
+    background?: string | undefined;
+};
+export declare const getMessagesStyle: (messagesStyle?: MessagesStyle, withMessagesStyle?: WithMessagesStyle | undefined) => {
+    height?: string | undefined;
+    width?: string | undefined;
+    border?: string | undefined;
+    borderRadius?: string | undefined;
+    background: string | undefined;
+};
+export declare const getEmptyMessageLayoutStyle: (isMobileView: boolean | undefined, activeUser: CometChat.User | undefined) => CSSProperties;
+export declare const getMessageInformationStyle: (messagesConfiguration: MessagesConfiguration | undefined, isMobileView: boolean | undefined) => {
+    width: string;
+    height: string;
+    titleTextFont?: string | undefined;
+    titleTextColor?: string | undefined;
+    emptyStateTextFont?: string | undefined;
+    emptyStateTextColor?: string | undefined;
+    errorStateTextFont?: string | undefined;
+    errorStateTextColor?: string | undefined;
+    sendIconTint?: string | undefined;
+    loadingIconTint?: string | undefined;
+    readIconTint?: string | undefined;
+    deliveredIconTint?: string | undefined;
+    subtitleTextFont?: string | undefined;
+    subtitleTextColor?: string | undefined;
+    dividerTint?: string | undefined;
+    captionTextFont?: string | undefined;
+    captionTextColor?: string | undefined;
+    border?: string | undefined;
+    borderRadius?: string | undefined;
+    background?: string | undefined;
+};

package/dist/types/Extensions/CollaborativeDocument/CollaborativeDocumentConfiguration.d.ts

@@ -0,0 +1,18 @@
+import { DocumentBubbleStyle } from "@cometchat/uikit-elements";
+import { OptionsStyle } from "@cometchat/uikit-shared";
+export declare class CollaborativeDocumentConfiguration {
+    private style;
+    private iconURL;
+    private optionIconURL;
+    private optionStyle;
+    constructor(configuration: {
+        style?: DocumentBubbleStyle;
+        iconURL?: string;
+        optionIconURL?: string;
+        optionStyle?: OptionsStyle;
+    });
+    getDocumentBubbleStyle(): DocumentBubbleStyle;
+    getIconURL(): string;
+    getOptionIconURL(): string;
+    getOptionStyle(): OptionsStyle;
+}

package/dist/types/Extensions/CollaborativeDocument/CollaborativeDocumentExtension.d.ts

@@ -0,0 +1,8 @@
+import { ExtensionsDataSource } from "../../Shared/Framework/ExtensionsDataSource";
+import { CollaborativeDocumentConfiguration } from "./CollaborativeDocumentConfiguration";
+export declare class CollaborativeDocumentExtension extends ExtensionsDataSource {
+    private configuration?;
+    constructor(configuration?: CollaborativeDocumentConfiguration);
+    addExtension(): void;
+    getExtensionId(): string;
+}

package/dist/types/Extensions/CollaborativeDocument/CollaborativeDocumentExtensionDecorator.d.ts

@@ -0,0 +1,21 @@
+import { CometChatTheme, CometChatMessageTemplate, CometChatMessageComposerAction } from "@cometchat/uikit-resources";
+import { DataSource } from "../../Shared/Framework/DataSource";
+import { DataSourceDecorator } from "../../Shared/Framework/DataSourceDecorator";
+import { CollaborativeDocumentConfiguration } from "./CollaborativeDocumentConfiguration";
+export declare class CollaborativeDocumentExtensionDecorator extends DataSourceDecorator {
+    configuration?: CollaborativeDocumentConfiguration;
+    newDataSource: DataSource;
+    theme: CometChatTheme;
+    constructor(dataSource: DataSource, configuration?: CollaborativeDocumentConfiguration);
+    getAllMessageTypes(): string[];
+    getId(): string;
+    getAllMessageCategories(): string[];
+    checkIfTemplateExist(template: CometChatMessageTemplate[], type: string): boolean;
+    getAllMessageTemplates(_theme?: CometChatTheme | undefined, additionalConfigurations?: any): CometChatMessageTemplate[];
+    getDocumentTemplate(_theme: CometChatTheme): CometChatMessageTemplate;
+    getDocumentContentView(documentMessage: CometChat.CustomMessage, _theme: CometChatTheme): import("react/jsx-runtime").JSX.Element;
+    launchCollaborativeDocument(documentURL: string): void;
+    getDocumentURL(message: CometChat.CustomMessage): any;
+    getAttachmentOptions(theme: CometChatTheme, id: any): CometChatMessageComposerAction[];
+    getLastConversationMessage(conversation: CometChat.Conversation, loggedInUser: CometChat.User, additionalConfigurations?: any): string;
+}

package/dist/types/Extensions/CollaborativeWhiteboard/CollaborativeWhiteboardConfiguration.d.ts

@@ -0,0 +1,18 @@
+import { DocumentBubbleStyle } from "@cometchat/uikit-elements";
+import { OptionsStyle } from "@cometchat/uikit-shared";
+export declare class CollaborativeWhiteboardConfiguration {
+    private style;
+    private iconURL;
+    private optionIconURL;
+    private optionStyle;
+    constructor(configuration: {
+        style?: DocumentBubbleStyle;
+        iconURL?: string;
+        optionIconURL?: string;
+        optionStyle?: OptionsStyle;
+    });
+    getWhiteboardBubbleStyle(): DocumentBubbleStyle;
+    getIconURL(): string;
+    getOptionIconURL(): string;
+    getOptionStyle(): OptionsStyle;
+}

package/dist/types/Extensions/CollaborativeWhiteboard/CollaborativeWhiteboardExtension.d.ts

@@ -0,0 +1,8 @@
+import { ExtensionsDataSource } from "../../Shared/Framework/ExtensionsDataSource";
+import { CollaborativeWhiteboardConfiguration } from "./CollaborativeWhiteboardConfiguration";
+export declare class CollaborativeWhiteboardExtension extends ExtensionsDataSource {
+    private configuration?;
+    constructor(configuration?: CollaborativeWhiteboardConfiguration);
+    addExtension(): void;
+    getExtensionId(): string;
+}

package/dist/types/Extensions/CollaborativeWhiteboard/CollaborativeWhiteboardExtensionDecorator.d.ts

@@ -0,0 +1,21 @@
+import { CometChatTheme, CometChatMessageTemplate, CometChatMessageComposerAction } from "@cometchat/uikit-resources";
+import { DataSource } from "../../Shared/Framework/DataSource";
+import { DataSourceDecorator } from "../../Shared/Framework/DataSourceDecorator";
+import { CollaborativeWhiteboardConfiguration } from "./CollaborativeWhiteboardConfiguration";
+export declare class CollaborativeWhiteBoardExtensionDecorator extends DataSourceDecorator {
+    configuration?: CollaborativeWhiteboardConfiguration;
+    newDataSource: DataSource;
+    theme: CometChatTheme;
+    constructor(dataSource: DataSource, configuration?: CollaborativeWhiteboardConfiguration);
+    getAllMessageTypes(): string[];
+    getId(): string;
+    getAllMessageCategories(): string[];
+    checkIfTemplateExist(template: CometChatMessageTemplate[], type: string): boolean;
+    getAllMessageTemplates(theme?: CometChatTheme | undefined, additionalConfigurations?: any): CometChatMessageTemplate[];
+    getWhiteBoardTemplate(_theme: CometChatTheme): CometChatMessageTemplate;
+    getWhiteboardContentView(whiteboardMessage: CometChat.CustomMessage, _theme: CometChatTheme): import("react/jsx-runtime").JSX.Element;
+    launchCollaborativeWhiteboardDocument(whiteboardURL: string): void;
+    getWhiteboardDocument(message: CometChat.CustomMessage): any;
+    getAttachmentOptions(theme: CometChatTheme, id: any): CometChatMessageComposerAction[];
+    getLastConversationMessage(conversation: CometChat.Conversation, loggedInUser: CometChat.User, additionalConfigurations: any): string;
+}

package/dist/types/Extensions/ImageModeration/ImageModerationConfiguration.d.ts

@@ -0,0 +1,15 @@
+import { ConfirmDialogStyle } from "@cometchat/uikit-elements";
+import { BaseStyle, ImageModerationStyle } from "@cometchat/uikit-shared";
+export declare class ImageModerationConfiguration {
+    private style;
+    private confirmDialogStyle;
+    private backDropStyle;
+    constructor(configuration: {
+        style?: ImageModerationStyle;
+        confirmDialogStyle?: ConfirmDialogStyle;
+        backDropStyle?: BaseStyle;
+    });
+    getImageModerationStyle(): ImageModerationStyle;
+    getConfirmDialogSyle(): ConfirmDialogStyle;
+    getBackDropStyle(): BaseStyle;
+}

package/dist/types/Extensions/ImageModeration/ImageModerationExtension.d.ts

@@ -0,0 +1,8 @@
+import { ExtensionsDataSource } from "../../Shared/Framework/ExtensionsDataSource";
+import { ImageModerationConfiguration } from "./ImageModerationConfiguration";
+export declare class ImageModerationExtension extends ExtensionsDataSource {
+    private configuration?;
+    constructor(configuration?: ImageModerationConfiguration);
+    addExtension(): void;
+    getExtensionId(): string;
+}

package/dist/types/Extensions/ImageModeration/ImageModerationExtensionDecorator.d.ts

@@ -0,0 +1,26 @@
+import { CometChatTheme, MessageBubbleAlignment } from "@cometchat/uikit-resources";
+import { DataSource } from "../../Shared/Framework/DataSource";
+import { DataSourceDecorator } from "../../Shared/Framework/DataSourceDecorator";
+import { ImageModerationConfiguration } from "./ImageModerationConfiguration";
+export declare class ImageModerationExtensionDecorator extends DataSourceDecorator {
+    configuration?: ImageModerationConfiguration;
+    newDataSource: DataSource;
+    private theme;
+    loggedInUser: CometChat.User;
+    constructor(dataSource: DataSource, configuration?: ImageModerationConfiguration);
+    getId(): string;
+    getImageMessageContentView(message: CometChat.MediaMessage, alignment: MessageBubbleAlignment, theme: CometChatTheme): any;
+    showDialog(_event: any): void;
+    getConfirmationModal(_event: any): import("react/jsx-runtime").JSX.Element;
+    onConfirmClicked(_event: any): void;
+    onCancelClicked(): void;
+    getImageModerationStyle(_theme: CometChatTheme): {
+        filterColor: string | undefined;
+        height: string;
+        width: string;
+        border: string;
+        borderRadius: string;
+        warningTextColor: string | undefined;
+        warningTextFont: string;
+    };
+}

package/dist/types/Extensions/LinkPreview/LinkPreviewConfiguration.d.ts

@@ -0,0 +1,8 @@
+import { LinkPreviewStyle } from "@cometchat/uikit-shared";
+export declare class LinkPreviewConfiguration {
+    private style;
+    constructor(configuration: {
+        style?: LinkPreviewStyle;
+    });
+    getLinkPreviewStyle(): LinkPreviewStyle;
+}

package/dist/types/Extensions/LinkPreview/LinkPreviewExtension.d.ts

@@ -0,0 +1,8 @@
+import { ExtensionsDataSource } from "../../Shared/Framework/ExtensionsDataSource";
+import { LinkPreviewConfiguration } from "./LinkPreviewConfiguration";
+export declare class LinkPreviewExtension extends ExtensionsDataSource {
+    private configuration?;
+    constructor(configuration?: LinkPreviewConfiguration);
+    addExtension(): void;
+    getExtensionId(): string;
+}

package/dist/types/Extensions/LinkPreview/LinkPreviewExtensionDecorator.d.ts

@@ -0,0 +1,24 @@
+import { CometChatTheme, MessageBubbleAlignment } from "@cometchat/uikit-resources";
+import { LinkPreviewStyle } from "@cometchat/uikit-shared";
+import { DataSource } from "../../Shared/Framework/DataSource";
+import { DataSourceDecorator } from "../../Shared/Framework/DataSourceDecorator";
+import { LinkPreviewConfiguration } from "./LinkPreviewConfiguration";
+export declare class LinkPreviewExtensionDecorator extends DataSourceDecorator {
+    configuration?: LinkPreviewConfiguration;
+    newDataSource: DataSource;
+    constructor(dataSource: DataSource, configuration?: LinkPreviewConfiguration);
+    getId(): string;
+    getTextMessageContentView(message: CometChat.TextMessage, alignment: MessageBubbleAlignment, theme: CometChatTheme, additionalConfigurations?: any): any;
+    getLinkPreviewWrapperStyle(): {
+        height: string;
+        width: string;
+    };
+    openLink(event: any): void;
+    getLinkPreviewStyle(_theme: CometChatTheme): LinkPreviewStyle;
+    getTextMessageStyle(_alignment: MessageBubbleAlignment, _theme: CometChatTheme): {
+        textFont: string;
+        textColor: string;
+    };
+    getLinkPreview(message: CometChat.TextMessage): any;
+    getLinkPreviewDetails(linkPreviewObject: any, key: string): string;
+}

package/dist/types/Extensions/MessageTranslation/MessageTranslationConfiguration.d.ts

@@ -0,0 +1,14 @@
+import { MessageTranslationStyle, OptionsStyle } from "@cometchat/uikit-shared";
+export declare class MessageTranslationConfiguration {
+    private style;
+    private optionIconURL;
+    private optionStyle;
+    constructor(configuration: {
+        style?: MessageTranslationStyle;
+        optionIconURL?: string;
+        optionStyle?: OptionsStyle;
+    });
+    getMessageTranslationStyle(): MessageTranslationStyle;
+    getOptionIconURL(): string;
+    getOptionStyle(): OptionsStyle;
+}

package/dist/types/Extensions/MessageTranslation/MessageTranslationExtension.d.ts

@@ -0,0 +1,8 @@
+import { ExtensionsDataSource } from "../../Shared/Framework/ExtensionsDataSource";
+import { MessageTranslationConfiguration } from "./MessageTranslationConfiguration";
+export declare class MessageTranslationExtension extends ExtensionsDataSource {
+    private configuration?;
+    constructor(configuration?: MessageTranslationConfiguration);
+    addExtension(): void;
+    getExtensionId(): string;
+}

package/dist/types/Extensions/MessageTranslation/MessageTranslationExtensionDecorator.d.ts

@@ -0,0 +1,19 @@
+import { CometChatTheme, CometChatActionsIcon, CometChatActionsView, MessageBubbleAlignment } from "@cometchat/uikit-resources";
+import { MessageTranslationStyle } from "@cometchat/uikit-shared";
+import { DataSource } from "../../Shared/Framework/DataSource";
+import { DataSourceDecorator } from "../../Shared/Framework/DataSourceDecorator";
+import { MessageTranslationConfiguration } from "./MessageTranslationConfiguration";
+export declare class MessageTranslationExtensionDecorator extends DataSourceDecorator {
+    configuration?: MessageTranslationConfiguration;
+    newDataSource: DataSource;
+    constructor(dataSource: DataSource, configuration?: MessageTranslationConfiguration);
+    getTextMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, theme: CometChatTheme, group?: CometChat.Group): (CometChatActionsIcon | CometChatActionsView)[];
+    getTranslationStyle: (_alignment: MessageBubbleAlignment, _theme: CometChatTheme) => MessageTranslationStyle;
+    getTextMessageStyle(_alignment: MessageBubbleAlignment, _theme: CometChatTheme): {
+        textFont: string;
+        textColor: string;
+    };
+    getTextMessageContentView(message: CometChat.TextMessage, alignment: MessageBubbleAlignment, theme: CometChatTheme, additionalConfigurations?: any): any;
+    checkIfOptionExist(template: (CometChatActionsIcon | CometChatActionsView)[], id: string): boolean;
+    getId(): string;
+}

package/dist/types/Extensions/Polls/PollsConfiguration.d.ts

@@ -0,0 +1,29 @@
+import { CreatePollStyle, OptionsStyle, PollsBubbleStyle } from "@cometchat/uikit-shared";
+export declare class PollsConfiguration {
+    private style;
+    private createPollStyle;
+    private createPollIconURL;
+    private deleteIconURL;
+    private closeIconURL;
+    private optionIconURL;
+    private addAnswerIconURL;
+    private optionStyle;
+    constructor(configuration: {
+        style?: PollsBubbleStyle;
+        createPollStyle?: CreatePollStyle;
+        createPollIconURL?: string;
+        deleteIconURL?: string;
+        closeIconURL?: string;
+        optionIconURL?: string;
+        addAnswerIconURL?: string;
+        optionStyle?: OptionsStyle;
+    });
+    getPollsBubbleStyle(): PollsBubbleStyle;
+    getCreatePollStyle(): CreatePollStyle;
+    getCreatePollIconURL(): string;
+    getDeleteIconURL(): string;
+    getCloseIconURL(): string;
+    getOptionIconURL(): string;
+    getAddAnswerIconURL(): string;
+    getOptionStyle(): OptionsStyle;
+}

package/dist/types/Extensions/Polls/PollsExtension.d.ts

@@ -0,0 +1,8 @@
+import { ExtensionsDataSource } from "../../Shared/Framework/ExtensionsDataSource";
+import { PollsConfiguration } from "./PollsConfiguration";
+export declare class PollsExtension extends ExtensionsDataSource {
+    private configuration?;
+    constructor(configuration?: PollsConfiguration);
+    addExtension(): void;
+    getExtensionId(): string;
+}