fix: pass tmid to show typing status in threads (#6894)

Author: Rohit3523

app/actions/room.ts

@@ -39,9 +39,14 @@ interface IForwardRoom extends Action {
 	rid: string;
 }
 
+type IUserTypingArgs = {
+	tmid?: string;
+};
+
 interface IUserTyping extends Action {
 	rid: string;
 	status: boolean;
+	args?: IUserTypingArgs;
 }
 
 export interface IRoomHistoryRequest extends Action {
@@ -109,11 +114,12 @@ export function removedRoom(): Action {
 	};
 }
 
-export function userTyping(rid: string, status = true): IUserTyping {
+export function userTyping(rid: string, status = true, args?: IUserTypingArgs): IUserTyping {
 	return {
 		type: ROOM.USER_TYPING,
 		rid,
-		status
+		status,
+		args
 	};
 }
 

app/containers/MessageComposer/components/ComposerInput.tsx

@@ -361,7 +361,7 @@ export const ComposerInput = memo(
 
 		const handleTyping = (isTyping: boolean) => {
 			if (sharing || !rid) return;
-			dispatch(userTyping(rid, isTyping));
+			dispatch(userTyping(rid, isTyping, tmid ? { tmid } : {}));
 		};
 
 		return (

app/lib/services/restApi.ts

@@ -950,14 +950,14 @@ export const addUsersToRoom = (rid: string): Promise<boolean> => {
 	return sdk.methodCallWrapper('addUsersToRoom', { rid, users });
 };
 
-export const emitTyping = (room: IRoom, typing = true) => {
+export const emitTyping = (room: IRoom, typing = true, args: { tmid?: string } = {}) => {
 	const { login, settings, server } = reduxStore.getState();
 	const { UI_Use_Real_Name } = settings;
 	const { version: serverVersion } = server;
 	const { user } = login;
 	const name = UI_Use_Real_Name ? user.name : user.username;
 	if (compareServerVersion(serverVersion, 'greaterThanOrEqualTo', '4.0.0')) {
-		return sdk.methodCall('stream-notify-room', `${room}/user-activity`, name, typing ? ['user-typing'] : []);
+		return sdk.methodCall('stream-notify-room', `${room}/user-activity`, name, typing ? ['user-typing'] : [], args);
 	}
 	return sdk.methodCall('stream-notify-room', `${room}/typing`, name, typing);
 };

app/sagas/room.js

@@ -51,10 +51,10 @@ const clearInactiveTyping = function* clearInactiveTyping({ rid }) {
 	yield clearUserTyping({ rid, status: false });
 };
 
-const watchUserTyping = function* watchUserTyping({ rid, status }) {
+const watchUserTyping = function* watchUserTyping({ rid, status, args }) {
 	try {
 		if (status) {
-			yield emitTyping(rid, status);
+			yield emitTyping(rid, status, args);
 			if (inactiveTypingTask) {
 				yield cancel(inactiveTypingTask);
 			}