snapshot of https://github.com/RocketChat/Rocket.Chat.git (develop, 2026-09-16; blobs > 131072B omitted)

apps/meteor/client/components/message/toolbar/useViewOriginalTranslationAction.ts

@@ -0,0 +1,69 @@
+import type { IMessage, IRoom, ISubscription } from '@rocket.chat/core-typings';
+import { useEndpoint, usePermission, useSetting, useUser } from '@rocket.chat/ui-contexts';
+import { useMemo } from 'react';
+
+import type { MessageActionConfig } from '../../../lib/MessageAction';
+import { AutoTranslate } from '../../../lib/autotranslate';
+import { roomCoordinator } from '../../../lib/rooms/roomCoordinator';
+import { Messages } from '../../../stores';
+import { hasTranslationLanguageInAttachments, hasTranslationLanguageInMessage } from '../../../views/room/MessageList/lib/autoTranslate';
+
+export const useViewOriginalTranslationAction = (
+	message: IMessage & { autoTranslateShowInverse?: boolean },
+	{ room, subscription }: { room: IRoom; subscription: ISubscription | undefined },
+): MessageActionConfig | null => {
+	const user = useUser();
+	const autoTranslateEnabled = useSetting('AutoTranslate_Enabled', false);
+	const canAutoTranslate = usePermission('auto-translate');
+	const translateMessage = useEndpoint('POST', '/v1/autotranslate.translateMessage');
+
+	const language = useMemo(
+		() => subscription?.autoTranslateLanguage || AutoTranslate.getLanguage(message.rid),
+		[message.rid, subscription?.autoTranslateLanguage],
+	);
+	const hasTranslations = useMemo(
+		() => hasTranslationLanguageInMessage(message, language) || hasTranslationLanguageInAttachments(message.attachments, language),
+		[message, language],
+	);
+
+	const updateMessages = Messages.use((state) => state.update);
+
+	if (!autoTranslateEnabled || !canAutoTranslate || !user) {
+		return null;
+	}
+
+	const isLivechatRoom = roomCoordinator.isLivechatRoom(room?.t);
+	const isDifferentUser = message?.u && message.u._id !== user._id;
+	const autoTranslationActive = subscription?.autoTranslate || isLivechatRoom;
+
+	if (message.autoTranslateShowInverse || !isDifferentUser || !autoTranslationActive || !hasTranslations) {
+		return null;
+	}
+
+	return {
+		id: 'view-original',
+		icon: 'language',
+		label: 'View_original',
+		context: ['message', 'message-mobile', 'threads'],
+		type: 'interaction',
+		group: 'menu',
+		action() {
+			if (!hasTranslations) {
+				AutoTranslate.messageIdsToWait[message._id] = true;
+				updateMessages(
+					(record) => record._id === message._id,
+					(record) => ({ ...record, autoTranslateFetching: true }),
+				);
+				void translateMessage({ messageId: message._id, targetLanguage: language });
+			}
+
+			updateMessages(
+				(record) => record._id === message._id,
+				'autoTranslateShowInverse' in message
+					? ({ autoTranslateShowInverse: _, ...record }) => record
+					: (record) => ({ ...record, autoTranslateShowInverse: true }),
+			);
+		},
+		order: 90,
+	};
+};