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

apps/meteor/client/views/cloud/CloudAnnouncementHandler.tsx

@@ -0,0 +1,61 @@
+import type { IBanner } from '@rocket.chat/core-typings';
+import type * as UiKit from '@rocket.chat/ui-kit';
+import { useEffect, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { exhaustiveCheck } from '../../../lib/utils/exhaustiveCheck';
+import { useUiKitActionManager } from '../../uikit/hooks/useUiKitActionManager';
+
+export type CloudAnnouncementHandlerProps = Pick<IBanner, 'dictionary' | 'surface' | 'view'>;
+
+const CloudAnnouncementHandler = ({ dictionary = {}, surface, view }: CloudAnnouncementHandlerProps) => {
+	const { i18n } = useTranslation();
+
+	useEffect(() => {
+		const appNs = `app-cloud-announcements-core`;
+		if (!dictionary) {
+			return;
+		}
+
+		for (const [language, translations] of Object.entries(dictionary)) {
+			i18n.addResources(language, appNs, translations);
+		}
+	}, [i18n, dictionary]);
+
+	const actionManager = useUiKitActionManager();
+
+	const viewRef = useRef({ ...view, appId: view.appId || 'cloud-announcements-core' });
+	viewRef.current = { ...view, appId: view.appId || 'cloud-announcements-core' };
+
+	useEffect(() => {
+		switch (surface) {
+			case 'modal': {
+				// TODO fixme
+				const modalView = viewRef.current as unknown as UiKit.ModalView;
+
+				actionManager.openView('modal', modalView);
+
+				return () => {
+					actionManager.disposeView(modalView.id);
+				};
+			}
+
+			case 'banner': {
+				const bannerView = viewRef.current as UiKit.BannerView;
+
+				actionManager.openView('banner', { ...bannerView });
+
+				return () => {
+					actionManager.disposeView(bannerView.viewId);
+				};
+			}
+
+			default:
+				exhaustiveCheck(surface);
+		}
+	}, [actionManager, surface]);
+
+	return null;
+};
+
+export default CloudAnnouncementHandler;

apps/meteor/client/views/cloud/CloudAnnouncementsRegion.tsx

@@ -0,0 +1,62 @@
+import { BannerPlatform } from '@rocket.chat/core-typings';
+import { useEndpoint, useStream, useUserId } from '@rocket.chat/ui-contexts';
+import { useQuery, useQueryClient } from '@tanstack/react-query';
+import { useEffect } from 'react';
+
+import CloudAnnouncementHandler from './CloudAnnouncementHandler';
+
+const CloudAnnouncementsRegion = () => {
+	const uid = useUserId();
+
+	const getAnnouncements = useEndpoint('GET', '/v1/banners');
+
+	const { isSuccess, data: announcements } = useQuery({
+		queryKey: ['cloud', 'announcements'],
+		queryFn: () => getAnnouncements({ platform: BannerPlatform.Web }),
+		select: (data) => data.banners,
+		enabled: !!uid,
+		staleTime: 0,
+		refetchInterval: 1000 * 60 * 60 * 24,
+	});
+
+	const subscribeToNotifyLoggedIn = useStream('notify-logged');
+	const subscribeToNotifyUser = useStream('notify-user');
+	const queryClient = useQueryClient();
+
+	useEffect(() => {
+		if (!uid) {
+			return;
+		}
+
+		const unsubscribeFromBannerChanged = subscribeToNotifyLoggedIn('banner-changed', async () => {
+			queryClient.invalidateQueries({
+				queryKey: ['cloud', 'announcements'],
+			});
+		});
+
+		const unsubscribeBanners = subscribeToNotifyUser(`${uid}/banners`, async () => {
+			queryClient.invalidateQueries({
+				queryKey: ['cloud', 'announcements'],
+			});
+		});
+
+		return () => {
+			unsubscribeFromBannerChanged();
+			unsubscribeBanners();
+		};
+	}, [subscribeToNotifyLoggedIn, uid, subscribeToNotifyUser, queryClient]);
+
+	if (!isSuccess) {
+		return null;
+	}
+
+	return (
+		<>
+			{announcements.map((announcement) => (
+				<CloudAnnouncementHandler key={announcement._id} {...announcement} />
+			))}
+		</>
+	);
+};
+
+export default CloudAnnouncementsRegion;