react-native-chating-ui-kit/lib/extensions/CollaborativeWhiteboard/CollaborativeWhiteboardExtensionDecorator.js

CometChat React Native UI Kit is a collection of custom UI Components designed to build text , chat and calling features in your application. The UI Kit is developed to keep developers in mind and aims to reduce development efforts significantly

import { DataSourceDecorator } from "../../shared/framework";
// @ts-ignore
import { CometChat } from "@cometchat-pro/react-native-chat";
import { MetadataConstants, MessageCategoryConstants, ReceiverTypeConstants } from "../../shared/constants/UIKitConstants";
import { ExtensionConstants } from "../ExtensionConstants";
import { ExtensionTypeConstants } from "../ExtensionConstants";
import { getExtentionData } from "../ExtensionModerator";
import { localize } from "../../shared/resources/CometChatLocalize";
import { CometChatMessageTemplate } from "../../shared/modals";
import { ChatConfigurator } from "../../shared/framework";
import { CometChatCollaborativeBubble } from "../CollaborativeBubble/CometChatCollaborativeBubble";
import { CometChatUIEvents, MessageEvents } from '../../shared/events';
// @ts-ignore
import React from 'react';
// @ts-ignore
import { View, Text } from 'react-native';
import { WHITEBOARDICON, COLLABORATIVEWHITEBOARDICON } from "./resources";
import { CometChatUIEventHandler } from "../../shared/events/CometChatUIEventHandler/CometChatUIEventHandler";
export class CollaborativeWhiteboardExtensionDecorator extends DataSourceDecorator {
    whiteboardConfiguration;
    whiteboardUrl = "v1/create";
    loggedInUser;
    constructor(dataSource, textModerationConfiguration) {
        super(dataSource);
        if (textModerationConfiguration != undefined) {
            this.whiteboardConfiguration = textModerationConfiguration;
        }
        CometChat.getLoggedinUser()
            .then(u => { this.loggedInUser = u; })
            .catch(err => console.log(err));
    }
    isDeletedMessage(message) {
        return message.getDeletedBy() != null;
    }
    getId() {
        return ("CollaborativeWhiteBoard");
    }
    getLastConversationMessage(conversation) {
        if (conversation['lastMessage'] == undefined) {
            return "";
        }
        if (conversation['lastMessage']['type'] == ExtensionTypeConstants.whiteboard &&
            conversation['lastMessage']['category'] == MessageCategoryConstants.custom) {
            return localize('CUSTOM_MESSAGE_WHITEBOARD');
        }
        else {
            return super.getLastConversationMessage(conversation);
        }
    }
    ;
    getAllMessageCategories() {
        var categoryList = super.getAllMessageCategories();
        if (!categoryList.includes(MessageCategoryConstants.custom)) {
            categoryList.push(MessageCategoryConstants.custom);
        }
        return categoryList;
    }
    getAllMessageTypes() {
        var messagesTypes = super.getAllMessageTypes();
        messagesTypes.push(ExtensionTypeConstants.whiteboard);
        return messagesTypes;
    }
    getAttachmentOptions(user, group, composerId) {
        let attachmentOptions = super.getAttachmentOptions(user, group, composerId);
        if (composerId == undefined || composerId.get("parentMessageId") == undefined)
            attachmentOptions.push({
                id: "whiteboard",
                title: localize("COLLABORATIVE_WHITEBOARD"),
                iconUrl: COLLABORATIVEWHITEBOARDICON,
                onPress: (user, group) => {
                    this.shareCollaborativeWhiteboard(user, group);
                },
            });
        return attachmentOptions;
    }
    shareCollaborativeWhiteboard(user, group) {
        CometChatUIEventHandler.emitUIEvent(CometChatUIEvents.ccToggleBottomSheet, {
            isBottomSheetVisible: false,
        });
        let receiverId;
        let receiverType;
        if (user != undefined) {
            receiverId = user['uid'];
            receiverType = ReceiverTypeConstants.user;
        }
        else if (group != undefined) {
            receiverId = group['guid'];
            receiverType = ReceiverTypeConstants.group;
        }
        else {
        }
        CometChat.callExtension(ExtensionConstants.whiteboard, ExtensionConstants.post, this.whiteboardUrl, {
            receiver: receiverId,
            receiverType: receiverType,
        }).then(response => {
            console.log("extension sent ", response);
        }).catch((error) => {
            console.log("error", error);
            CometChatUIEventHandler.emitMessageEvent(MessageEvents.ccMessageError, error);
        });
    }
    getAllMessageTemplates(theme) {
        let templateList = super.getAllMessageTemplates(theme);
        templateList.push(new CometChatMessageTemplate({
            type: ExtensionTypeConstants.whiteboard,
            category: MessageCategoryConstants.custom,
            ContentView: (message, _alignment) => {
                if (this.isDeletedMessage(message)) {
                    return ChatConfigurator.dataSource.getDeleteMessageBubble(message, theme);
                }
                else {
                    return this.getCollaborativeBubble(message, _alignment);
                }
            },
            options: (loggedInUser, messageObject, group) => ChatConfigurator.dataSource.getMessageOptions(loggedInUser, messageObject, group),
        }));
        return templateList;
    }
    getCollaborativeBubble(message, _alignment) {
        if (message && this.loggedInUser) {
            const whiteboardData = getExtentionData(message, MetadataConstants.extensions?.whiteboard);
            if (whiteboardData &&
                whiteboardData.board_url &&
                whiteboardData.board_url.trim().length) {
                let username = this.loggedInUser?.['name']?.replace(" ", "_");
                let url = whiteboardData.board_url + "&username=" + username;
                return <CometChatCollaborativeBubble title={localize("COLLABORATIVE_WHITEBOARD")} subTitle={localize("OPEN_WHITEBOARD_TO_DRAW")} buttonText={localize("OPEN_WHITEBOARD")} icon={WHITEBOARDICON} url={url} style={this.whiteboardConfiguration && this.whiteboardConfiguration.collaborativeBubbleStyle}/>;
            }
        }
        return (<View>
        <Text>{"no match"}</Text>
            </View>);
    }
}
//# sourceMappingURL=CollaborativeWhiteboardExtensionDecorator.js.map