upstream-rocketchat/apps/meteor/client/components/message/variants/threadPreview/ThreadMessagePreviewBody.tsx

import type { IMessage } from '@rocket.chat/core-typings';
import { isQuoteAttachment, isE2EEMessage } from '@rocket.chat/core-typings';
import { PreviewMarkup } from '@rocket.chat/gazzodown';
import type { Root } from '@rocket.chat/message-parser';
import { memo } from 'react';
import { useTranslation } from 'react-i18next';

import { toPlainTextRoot } from '../../../../lib/toPlainTextRoot';
import GazzodownText from '../../../GazzodownText';

export type ThreadMessagePreviewBodyProps = {
	message: IMessage;
};

function getMdTokens(message: IMessage): Root | undefined {
	if (message.md) {
		return [...message.md];
	}

	if (message.msg) {
		return toPlainTextRoot(message.msg);
	}
}

const ThreadMessagePreviewBody = ({ message }: ThreadMessagePreviewBodyProps) => {
	const { t } = useTranslation();
	const isEncryptedMessage = isE2EEMessage(message);

	const getMessage = () => {
		const mdTokens = getMdTokens(message);
		if (
			message.attachments &&
			Array.isArray(message.attachments) &&
			message.attachments.length > 0 &&
			isQuoteAttachment(message.attachments[0])
		) {
			mdTokens?.shift();
		}
		if (message.attachments && message.msg === '') {
			return <>{t('Message_with_attachment')}</>;
		}
		if (!isEncryptedMessage || message.e2e === 'done') {
			return mdTokens?.length ? (
				<GazzodownText>
					<PreviewMarkup tokens={mdTokens} />
				</GazzodownText>
			) : (
				<>{message.msg}</>
			);
		}
		if (isEncryptedMessage && message.e2e === 'pending') {
			return <>{t('E2E_message_encrypted_placeholder')}</>;
		}
		return <>{message.msg}</>;
	};

	return getMessage();
};

export default memo(ThreadMessagePreviewBody);