Regression: Call toggle missing network disconnection state (#26237)

apps/meteor/client/contexts/CallContext.ts

@@ -35,6 +35,7 @@ type CallContextReady = {
 	actions: CallActionsType;
 	queueName: string;
 	queueCounter: number;
+	networkStatus: 'online' | 'offline';
 	openedRoomInfo: { v: { token?: string }; rid: string };
 	openWrapUpModal: () => void;
 	openRoom: (rid: IVoipRoom['_id']) => void;
@@ -272,3 +273,13 @@ export const useVoipOutboundStates = (): {
 		outBoundCallsEnabledForUser: isEnterprise && !['IN_CALL', 'ON_HOLD', 'UNREGISTERED', 'INITIAL'].includes(callerInfo.state),
 	};
 };
+
+export const useVoipNetworkStatus = (): 'online' | 'offline' => {
+	const context = useContext(CallContext);
+
+	if (!isCallContextReady(context)) {
+		throw new Error('useVoipNetworkStatus only if Calls are enabled and ready');
+	}
+
+	return context.networkStatus;
+};

apps/meteor/client/providers/CallProvider/CallProvider.tsx

@@ -503,6 +503,7 @@ export const CallProvider: FC = ({ children }) => {
 			openRoom,
 			createRoom,
 			closeRoom,
+			networkStatus,
 			openWrapUpModal,
 			changeAudioOutputDevice,
 			changeAudioInputDevice,
@@ -524,6 +525,7 @@ export const CallProvider: FC = ({ children }) => {
 		openWrapUpModal,
 		changeAudioOutputDevice,
 		changeAudioInputDevice,
+		networkStatus,
 	]);
 
 	return (

apps/meteor/client/sidebar/sections/actions/OmnichannelCallToggleReady.tsx

@@ -2,7 +2,7 @@ import { Sidebar } from '@rocket.chat/fuselage';
 import { useTranslation } from '@rocket.chat/ui-contexts';
 import React, { ReactElement, useCallback } from 'react';
 
-import { useCallerInfo, useCallRegisterClient, useCallUnregisterClient } from '../../../contexts/CallContext';
+import { useCallerInfo, useCallRegisterClient, useCallUnregisterClient, useVoipNetworkStatus } from '../../../contexts/CallContext';
 
 export const OmnichannelCallToggleReady = ({ ...props }): ReactElement => {
 	const t = useTranslation();
@@ -11,7 +11,7 @@ export const OmnichannelCallToggleReady = ({ ...props }): ReactElement => {
 	const unregister = useCallUnregisterClient();
 	const register = useCallRegisterClient();
 
-	const networkStatus = ['ERROR'].includes(caller.state) ? 'offline' : 'online';
+	const networkStatus = useVoipNetworkStatus();
 	const registered = !['ERROR', 'INITIAL', 'UNREGISTERED'].includes(caller.state);
 	const inCall = ['IN_CALL'].includes(caller.state);