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

apps/meteor/client/views/room/ShareLocation/ShareLocationModal.tsx

@@ -0,0 +1,97 @@
+import type { IMessage, IRoom } from '@rocket.chat/core-typings';
+import { GenericModal } from '@rocket.chat/ui-client';
+import { useEndpoint, useTranslation, useToastMessageDispatch } from '@rocket.chat/ui-contexts';
+import { useQuery, useQueryClient } from '@tanstack/react-query';
+
+import { getGeolocationPermission } from './getGeolocationPermission';
+import { getGeolocationPosition } from './getGeolocationPosition';
+import MapView from '../../../components/message/content/location/MapView';
+
+export type ShareLocationModalProps = {
+	rid: IRoom['_id'];
+	tmid: IMessage['tmid'];
+	onClose: () => void;
+};
+
+const ShareLocationModal = ({ rid, tmid, onClose }: ShareLocationModalProps) => {
+	const t = useTranslation();
+	const dispatchToast = useToastMessageDispatch();
+	const { data: permissionState, isLoading: permissionLoading } = useQuery({
+		queryKey: ['geolocationPermission'],
+		queryFn: getGeolocationPermission,
+	});
+	const { data: positionData } = useQuery({
+		queryKey: ['geolocationPosition', permissionState],
+
+		queryFn: async () => {
+			if (permissionLoading || permissionState === 'prompt' || permissionState === 'denied') {
+				return;
+			}
+			return getGeolocationPosition();
+		},
+	});
+
+	const queryClient = useQueryClient();
+
+	const sendMessage = useEndpoint('POST', '/v1/chat.sendMessage');
+
+	const onConfirm = (): void => {
+		if (!positionData) {
+			throw new Error('Failed to load position');
+		}
+		try {
+			sendMessage({
+				message: {
+					rid,
+					tmid,
+					location: {
+						type: 'Point',
+						coordinates: [positionData.coords.longitude, positionData.coords.latitude],
+					},
+				},
+			});
+		} catch (error) {
+			dispatchToast({ type: 'error', message: error });
+		} finally {
+			onClose();
+		}
+	};
+
+	const onConfirmRequestLocation = async (): Promise<void> => {
+		try {
+			const position = await getGeolocationPosition();
+			queryClient.setQueryData(['geolocationPosition', 'granted'], position);
+			queryClient.setQueryData(['geolocationPermission'], 'granted');
+		} catch (e) {
+			queryClient.setQueryData(['geolocationPermission'], () => getGeolocationPermission);
+		}
+	};
+
+	if (permissionLoading || permissionState === 'prompt') {
+		return (
+			<GenericModal
+				title={t('You_will_be_asked_for_permissions')}
+				confirmText={t('Continue')}
+				onConfirm={onConfirmRequestLocation}
+				onClose={onClose}
+				onCancel={onClose}
+			/>
+		);
+	}
+
+	if (permissionState === 'denied' || !positionData) {
+		return (
+			<GenericModal title={t('Cannot_share_your_location')} confirmText={t('Ok')} onConfirm={onClose} onClose={onClose}>
+				{t('The_necessary_browser_permissions_for_location_sharing_are_not_granted')}
+			</GenericModal>
+		);
+	}
+
+	return (
+		<GenericModal title={t('Share_Location_Title')} confirmText={t('Share')} onConfirm={onConfirm} onClose={onClose} onCancel={onClose}>
+			<MapView latitude={positionData.coords.latitude} longitude={positionData.coords.longitude} />
+		</GenericModal>
+	);
+};
+
+export default ShareLocationModal;

apps/meteor/client/views/room/ShareLocation/getGeolocationPermission.ts

@@ -0,0 +1,9 @@
+export const getGeolocationPermission = (): Promise<PermissionState> =>
+	new Promise((resolve) => {
+		if (!navigator.permissions) {
+			resolve('granted');
+		}
+		navigator.permissions.query({ name: 'geolocation' }).then(({ state }) => {
+			resolve(state);
+		});
+	});

apps/meteor/client/views/room/ShareLocation/getGeolocationPosition.ts

@@ -0,0 +1,8 @@
+export const getGeolocationPosition = (): Promise<GeolocationPosition> =>
+	new Promise((resolvePos, rejectPos) => {
+		navigator.geolocation.getCurrentPosition(resolvePos, rejectPos, {
+			enableHighAccuracy: true,
+			maximumAge: 0,
+			timeout: 10000,
+		});
+	});