@cometchat/chat-uikit-react-native/lib/extensions/LinkPreview/LinkPreviewExtensionDecorator.js

Ready-to-use Chat UI Components for React Native

import React from "react";
import { DataSourceDecorator } from "../../shared/framework";
import { ExtensionConstants } from "../ExtensionConstants";
import { getExtensionData } from "../ExtensionModerator";
import { LinkPreviewBubble } from "./LinkPreviewBubble";
import { CometChatUIKit } from "../../shared";
/**
 * Extension decorator for rendering link preview messages.
 */
export class LinkPreviewExtensionDecorator extends DataSourceDecorator {
    /**
     * Creates an instance of LinkPreviewExtensionDecorator.
     *
     * @param dataSource - The data source instance to decorate.
     */
    constructor(dataSource) {
        super(dataSource);
    }
    /**
     * Checks if the given message has been deleted.
     *
     * @param message - The message to check.
     * @returns True if the message is deleted, otherwise false.
     */
    isDeletedMessage(message) {
        return message.getDeletedBy() != null;
    }
    /**
     * Returns the unique ID for this extension.
     *
     * @returns The extension ID as a string.
     */
    getId() {
        return "LinkPreviewExtension";
    }
    /**
     * Returns the content view for text messages.
     * If the message contains link preview data, it returns a LinkPreviewBubble,
     * otherwise it falls back to the super implementation.
     *
     * @param message - The text message.
     * @param alignment - The alignment for the message bubble.
     * @param theme - The current theme.
     * @param additionalParams - (Optional) Additional parameters.
     * @returns A JSX.Element representing the message content view.
     */
    getTextMessageContentView(message, alignment, theme, additionalParams) {
        const loggedInUser = CometChatUIKit.loggedInUser;
        const linkData = getExtensionData(message, ExtensionConstants.linkPreview);
        if (!linkData || linkData.links.length === 0) {
            return super.getTextMessageContentView(message, alignment, theme, additionalParams);
        }
        else {
            const _style = message.getSender().getUid() === loggedInUser.getUid()
                ? theme.messageListStyles?.outgoingMessageBubbleStyles?.linkPreviewBubbleStyles
                : theme.messageListStyles?.incomingMessageBubbleStyles?.linkPreviewBubbleStyles;
            const { image, favicon, title, url, description } = linkData.links[0];
            const img = image.length === 0 ? favicon : image;
            return (<LinkPreviewBubble link={url} description={description} image={img} favicon={favicon} ChildView={() => super.getTextMessageBubble(message.getText(), message, alignment, theme, additionalParams)} title={title} style={_style}/>);
        }
    }
}
//# sourceMappingURL=LinkPreviewExtensionDecorator.js.map