react-native-chating-ui-kit/lib/extensions/MessageTranslation/MessageTranslationDecorator.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 { ExtensionConstants, ExtensionURLs } from '../ExtensionConstants';
import { CometChatLocalize, localize, } from '../../shared/resources/CometChatLocalize';
// @ts-ignore
import React from 'react';
import { MessageOptionConstants, } from '../../shared/constants/UIKitConstants';
import { MessageTranslationBubble } from './MessageTranslationBubble';
import { CometChatUIEventHandler } from '../../shared/events/CometChatUIEventHandler/CometChatUIEventHandler';
import { CometChatUIEvents, MessageEvents } from '../../shared/events';
import { messageStatus } from '../../shared/utils/CometChatMessageHelper';
import { ICONS } from './resources';
export class MessageTranslationExtensionDecorator extends DataSourceDecorator {
    messageTranslationConfiguration;
    translatedMessage = {};
    constructor(dataSource, messageTranslationConfiguration) {
        super(dataSource);
        if (messageTranslationConfiguration != undefined) {
            this.messageTranslationConfiguration = messageTranslationConfiguration;
        }
    }
    getId() {
        return 'MessageTranslation';
    }
    getTextMessageOptions(loggedInUser, messageObject, group) {
        let optionsList = super.getTextMessageOptions(loggedInUser, messageObject, group);
        optionsList.push(this.getTranslateOption(messageObject));
        return optionsList;
    }
    getTranslateOption(messageObject) {
        return {
            id: MessageOptionConstants.translateMessage,
            title: localize('TRANSLATE_MESSAGE'),
            icon: ICONS.TRANSLATE,
            onPress: () => {
                this.translateMessage(messageObject);
            },
        };
    }
    getSetMetaData = (messageObj, messageTranslation) => {
        let metaData = messageObj.getMetadata();
        if (!metaData) {
            metaData = {};
        }
        if (metaData && !metaData['@injected']) {
            metaData = {
                ...metaData,
                '@injected': { extensions: { translate: {} } },
            };
        }
        if (metaData &&
            metaData['@injected'] &&
            metaData['@injected']['extensions']) {
            let tempData = metaData['@injected']['extensions'];
            tempData = {
                ...metaData,
                '@injected': {
                    ...metaData['@injected'],
                    extensions: {
                        ...metaData['@injected']['extensions'],
                        translate: { [messageObj.id]: messageTranslation },
                    },
                },
            };
            metaData = tempData;
        }
        if (metaData &&
            metaData['@injected'] &&
            metaData['@injected']['extensions']['translate']) {
            let tempMetaData = {};
            let translateData = metaData['@injected']['extensions']['translate'];
            if (translateData) {
                translateData = {
                    ...translateData,
                    [messageObj.id]: messageTranslation,
                };
            }
            else {
                translateData[messageObj.id] = {
                    [messageObj.id]: messageTranslation,
                };
            }
            tempMetaData = {
                ...metaData['@injected']['extensions']['translate'],
                ...translateData,
            };
            metaData['@injected']['extensions']['translate'] = tempMetaData;
        }
        messageObj.setMetadata(metaData);
        return {
            msg: messageObj,
            metaData: metaData['@injected']['extensions']['translate'],
        };
    };
    translateMessage = (message) => {
        const messageId = message.id;
        const messageText = message.text;
        let translateToLanguage = CometChatLocalize.getLocale();
        CometChatUIEventHandler.emitUIEvent(CometChatUIEvents.ccToggleBottomSheet, {
            isBottomSheetVisible: false,
        });
        CometChat.callExtension(ExtensionConstants.messageTranslation, 'POST', ExtensionURLs.translate, {
            msgId: messageId,
            text: messageText,
            languages: [translateToLanguage],
        })
            .then((result) => {
            if (result?.hasOwnProperty('translations') &&
                result['translations']['length']) {
                const messageTranslation = result['translations'][0];
                let translatedMsg = this.getSetMetaData(message, messageTranslation['message_translated']);
                if (translatedMsg) {
                    if (translatedMsg.metaData?.translate)
                        this.translatedMessage = translatedMsg?.metaData?.translate;
                }
                else
                    this.translatedMessage = {
                        [message.id]: `${messageTranslation['message_translated']}`,
                    };
                CometChatUIEventHandler.emitMessageEvent(MessageEvents.ccMessageEdited, {
                    message: translatedMsg.msg,
                    status: messageStatus.success,
                });
            }
        })
            .catch((error) => {
            console.log(error);
        });
    };
    getTextMessageBubble(messageText, message, alignment, theme) {
        let tempTranslatedMsg = {};
        let translatedMetaData = message.getMetadata();
        if (translatedMetaData &&
            translatedMetaData['@injected'] &&
            translatedMetaData['@injected']['extensions'] &&
            translatedMetaData['@injected']['extensions']['translate']) {
            tempTranslatedMsg =
                translatedMetaData['@injected']['extensions']['translate'];
        }
        if ((tempTranslatedMsg && tempTranslatedMsg[message.getId()]) ||
            (this.translatedMessage && this.translatedMessage[message.getId()])) {
            return (<MessageTranslationBubble translatedText={tempTranslatedMsg
                    ? tempTranslatedMsg[message.getId()]
                    : this.translatedMessage[message.getId()]
                        ? this.translatedMessage[message.getId()]
                        : ''} text={messageText} alignment={alignment} {...this.messageTranslationConfiguration}/>);
        }
        return super.getTextMessageBubble(messageText, message, alignment, theme);
    }
}
//# sourceMappingURL=MessageTranslationDecorator.js.map