feat: Realtime user presence updates when starting/transfering a voice call

.changeset/purple-jobs-swim.md

@@ -0,0 +1,5 @@
+---
+"@rocket.chat/ui-voip": minor
+---
+
+Introduces realtime user presence updates for the selected user when starting/transferring a voice call.

packages/ui-voip/src/context/MediaCallContext.ts

@@ -1,8 +1,6 @@
 import type { UserStatus } from '@rocket.chat/core-typings';
-import { useDebouncedValue } from '@rocket.chat/fuselage-hooks';
 import type { Device } from '@rocket.chat/ui-contexts';
-import { keepPreviousData, useQuery } from '@tanstack/react-query';
-import { createContext, useContext, useState } from 'react';
+import { createContext, useContext } from 'react';
 
 import type { PeerAutocompleteOptions } from '../components';
 
@@ -151,67 +149,4 @@ export const useMediaCallExternalContext = ():
 	return { state: context.state, onToggleWidget: context.onToggleWidget, onEndCall: context.onEndCall, peerInfo: context.peerInfo };
 };
 
-const PREFIX_FIRST_OPTION = 'rcx-first-option-';
-
-export const isFirstPeerAutocompleteOption = (value: string) => {
-	return value.startsWith(PREFIX_FIRST_OPTION);
-};
-
-const getFirstOption = (filter: string): PeerAutocompleteOptions => {
-	return { value: `${PREFIX_FIRST_OPTION}${filter}`, label: filter, avatarUrl: '' };
-};
-
-export const usePeerAutocomplete = (onSelectPeer: (peerInfo: PeerInfo) => void, peerInfo: PeerInfo | undefined) => {
-	const { getAutocompleteOptions } = useMediaCallContext();
-	const [filter, setFilter] = useState('');
-
-	const debouncedFilter = useDebouncedValue(filter, 400);
-
-	const { data: options } = useQuery({
-		queryKey: ['mediaCall/peerAutocomplete', debouncedFilter],
-		queryFn: async () => {
-			const options = await getAutocompleteOptions(debouncedFilter);
-
-			if (debouncedFilter.length > 0) {
-				return [getFirstOption(debouncedFilter), ...options];
-			}
-
-			return options;
-		},
-		placeholderData: keepPreviousData,
-		initialData: [],
-	});
-
-	return {
-		options,
-		onChangeFilter: setFilter,
-		onChangeValue: (value: string | string[]) => {
-			if (Array.isArray(value)) {
-				return;
-			}
-
-			if (isFirstPeerAutocompleteOption(value)) {
-				onSelectPeer({ number: value.replace(PREFIX_FIRST_OPTION, '') });
-				return;
-			}
-
-			const localInfo = options.find((option) => option.value === value);
-
-			if (!localInfo) {
-				throw new Error(`Peer info not found for value: ${value}`);
-			}
-
-			onSelectPeer({
-				userId: localInfo.value,
-				displayName: localInfo.label,
-				avatarUrl: localInfo.avatarUrl,
-				status: localInfo.status as UserStatus,
-			});
-		},
-		value: peerInfo && 'userId' in peerInfo ? peerInfo.userId : undefined,
-		filter,
-		onKeypadPress: (key: string) => setFilter((filter) => filter + key),
-	};
-};
-
 export default MediaCallContext;

packages/ui-voip/src/context/index.ts

@@ -1,4 +1,5 @@
-export { useMediaCallContext, useMediaCallExternalContext, default as MediaCallContext, usePeerAutocomplete } from './MediaCallContext';
+export { useMediaCallContext, useMediaCallExternalContext, default as MediaCallContext } from './MediaCallContext';
 export type { PeerInfo, ConnectionState, MediaCallExternalState as MediaCallState } from './MediaCallContext';
-export { isFirstPeerAutocompleteOption, isCallingBlocked } from './MediaCallContext';
+export { isCallingBlocked } from './MediaCallContext';
+export { usePeerAutocomplete, isFirstPeerAutocompleteOption } from './usePeerAutocomplete';
 export { default as MockedMediaCallProvider } from './MockedMediaCallProvider';