From d4fd88979bbdc46c5524295c5f814cf83330dcda Mon Sep 17 00:00:00 2001
From: Deepak Agarwal <deepak710agarwal@gmail.com>
Date: Mon, 9 Aug 2021 19:55:37 +0530
Subject: [PATCH 1/8] open webrtc call in new tab for mobile devices

---
 src/components/Calls/CallIFrame.js     | 13 ++++++++++---
 src/components/Calls/JoinCallButton.js |  2 +-
 src/lib/room.js                        |  6 +++++-
 3 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/components/Calls/CallIFrame.js b/src/components/Calls/CallIFrame.js
index 64bac7d6c..4a009fe8c 100644
--- a/src/components/Calls/CallIFrame.js
+++ b/src/components/Calls/CallIFrame.js
@@ -6,12 +6,19 @@ import { createClassName } from '../helpers';
 import styles from './styles.scss';
 
 
-export const CallIframe = () => {
+export const CallIframe = (props) => {
 	const { token, room } = store.state;
 	const url = `${ Livechat.client.host }/meet/${ room._id }?token=${ token }`;
+	const callInNewTab = async () => {
+		window.open(url);
+		await store.setState({ ongoingCall: { callStatus: 'ongoingCallInNewTab', time: props.time } });
+		await store.setState({ incomingCallAlert: { show: false, callProvider: props.callProvider } });
+	};
 	return (
-		<div className={createClassName(styles, 'call-iframe')}>
-			<iframe className={createClassName(styles, 'call-iframe__content')} allow='camera;microphone' src={url} />
+		<div>
+			{(window.innerWidth <= 800) && (window.innerHeight <= 630)
+				? <div className={createClassName(styles, 'call-iframe')}> <iframe className={createClassName(styles, 'call-iframe__content')} allow='camera;microphone' src={url} />
+				</div> : callInNewTab() }
 		</div>
 	);
 };
diff --git a/src/components/Calls/JoinCallButton.js b/src/components/Calls/JoinCallButton.js
index 3cc8a82ed..5d537b9c2 100644
--- a/src/components/Calls/JoinCallButton.js
+++ b/src/components/Calls/JoinCallButton.js
@@ -30,7 +30,7 @@ export const JoinCallButton = (props) => {
 		}
 	};
 	return (<div>
-		{ props.callStatus === 'accept'
+		{ props.callStatus === 'accept' || props.callStatus === 'ongoingCallInNewTab'
 			? <div className={createClassName(styles, 'joinCall')}>
 				<div className={createClassName(styles, 'joinCall__content')} >
 					<div className={createClassName(styles, 'joinCall__content-videoIcon')} >
diff --git a/src/lib/room.js b/src/lib/room.js
index 3744ea1f7..fa7db732e 100644
--- a/src/lib/room.js
+++ b/src/lib/room.js
@@ -55,7 +55,7 @@ const processMessage = async (message) => {
 		closeChat(message);
 	} else if (message.t === 'command') {
 		commands[message.msg] && commands[message.msg]();
-	} else if (message.endTs && ((ongoingCall && ongoingCall.callStatus === 'declined') || incomingCallAlert)) {
+	} else if (message.endTs && ((ongoingCall && (ongoingCall.callStatus === 'declined' || ongoingCall.callStatus === 'ongoingCallInNewTab')) || incomingCallAlert)) {
 		await store.setState({ ongoingCall: { callStatus: 'ended', time: message.ts }, incomingCallAlert: null });
 	} else if (!incomingCallAlert && (message.t === constants.webrtcCallStartedMessageType || message.t === constants.jitsiCallStartedMessageType)) {
 		await processCallMessage(message);
@@ -209,6 +209,10 @@ export const loadMessages = async () => {
 				await store.setState({ ongoingCall: { callStatus: 'ended', time: lastMessage.ts }, incomingCallAlert: null });
 				return;
 			}
+			if (window.innerWidth <= 800 && window.innerHeight >= 630) {
+				await store.setState({ ongoingCall: { callStatus: 'ongoingCallInNewTab', time: lastMessage.ts }, incomingCallAlert: null });
+				return;
+			}
 			await processCallMessage(lastMessage);
 		}
 	}

From bdde5fde2b2a961338a146c2786972873234ab75 Mon Sep 17 00:00:00 2001
From: Deepak Agarwal <deepak710agarwal@gmail.com>
Date: Tue, 10 Aug 2021 19:24:25 +0530
Subject: [PATCH 2/8] improve codebase

---
 src/components/Calls/CallIFrame.js       | 14 ++++----------
 src/components/Calls/CallNotification.js | 13 +++++++++++++
 src/components/Calls/JoinCallButton.js   | 10 +++-------
 src/lib/room.js                          |  2 +-
 4 files changed, 21 insertions(+), 18 deletions(-)

diff --git a/src/components/Calls/CallIFrame.js b/src/components/Calls/CallIFrame.js
index 4a009fe8c..9bfb0eda5 100644
--- a/src/components/Calls/CallIFrame.js
+++ b/src/components/Calls/CallIFrame.js
@@ -6,19 +6,13 @@ import { createClassName } from '../helpers';
 import styles from './styles.scss';
 
 
-export const CallIframe = (props) => {
+export const CallIframe = () => {
 	const { token, room } = store.state;
 	const url = `${ Livechat.client.host }/meet/${ room._id }?token=${ token }`;
-	const callInNewTab = async () => {
-		window.open(url);
-		await store.setState({ ongoingCall: { callStatus: 'ongoingCallInNewTab', time: props.time } });
-		await store.setState({ incomingCallAlert: { show: false, callProvider: props.callProvider } });
-	};
+
 	return (
-		<div>
-			{(window.innerWidth <= 800) && (window.innerHeight <= 630)
-				? <div className={createClassName(styles, 'call-iframe')}> <iframe className={createClassName(styles, 'call-iframe__content')} allow='camera;microphone' src={url} />
-				</div> : callInNewTab() }
+		<div className={createClassName(styles, 'call-iframe')}>
+			<iframe className={createClassName(styles, 'call-iframe__content')} allow='camera;microphone' src={url} />
 		</div>
 	);
 };
diff --git a/src/components/Calls/CallNotification.js b/src/components/Calls/CallNotification.js
index 3b5c1983a..cb0839d23 100644
--- a/src/components/Calls/CallNotification.js
+++ b/src/components/Calls/CallNotification.js
@@ -6,6 +6,7 @@ import I18n from '../../i18n';
 import PhoneAccept from '../../icons/phone.svg';
 import PhoneDecline from '../../icons/phoneOff.svg';
 import constants from '../../lib/constants';
+import store from '../../store';
 import { Avatar } from '../Avatar';
 import { Button } from '../Button';
 import { createClassName, getAvatarUrl } from '../helpers';
@@ -15,15 +16,27 @@ import styles from './styles.scss';
 export const CallNotification = ({ callProvider, callerUsername, url, dispatch, time, rid } = { callProvider: undefined, callerUsername: undefined, dispatch: undefined, time: undefined }) => {
 	const [show, setShow] = useState(true);
 
+	const callInNewTab = async () => {
+		const { token, room } = store.state;
+		const url = `${ Livechat.client.host }/meet/${ room._id }?token=${ token }`;
+		await dispatch({ ongoingCall: { callStatus: 'ongoingCallInNewTab', time: { time } }, incomingCallAlert: { show: false, callProvider } });
+		window.open(url);
+	};
+
 	const acceptClick = async () => {
 		setShow(!{ show });
 		await Livechat.updateCallStatus('inProgress', rid);
+
 		switch (callProvider) {
 			case constants.jitsiCallStartedMessageType: {
 				window.open(url);
 				break;
 			}
 			case constants.webrtcCallStartedMessageType: {
+				if (window.innerWidth <= 800 && window.innerHeight >= 630) {
+					callInNewTab();
+					break;
+				}
 				await dispatch({ ongoingCall: { callStatus: 'accept', time: { time } } });
 				break;
 			}
diff --git a/src/components/Calls/JoinCallButton.js b/src/components/Calls/JoinCallButton.js
index 5d537b9c2..962ea48ba 100644
--- a/src/components/Calls/JoinCallButton.js
+++ b/src/components/Calls/JoinCallButton.js
@@ -6,14 +6,14 @@ import VideoIcon from '../../icons/video.svg';
 import constants from '../../lib/constants';
 import store from '../../store';
 import { Button } from '../Button';
-import { createClassName, createToken } from '../helpers';
+import { createClassName } from '../helpers';
 import styles from './styles.scss';
 
 
 export const JoinCallButton = (props) => {
 	const { token, room } = store.state;
-	const clickJoinCall = async () => {
-		const { alerts } = store.state;
+
+	const clickJoinCall = () => {
 		switch (props.callProvider) {
 			case constants.jitsiCallStartedMessageType: {
 				window.open(props.url);
@@ -23,10 +23,6 @@ export const JoinCallButton = (props) => {
 				window.open(`${ Livechat.client.host }/meet/${ room._id }?token=${ token }`);
 				break;
 			}
-			default: {
-				const alert = { id: createToken(), children: I18n.t('Call already ended'), timeout: 5000 };
-				await store.setState({ alerts: (alerts.push(alert), alerts) });
-			}
 		}
 	};
 	return (<div>
diff --git a/src/lib/room.js b/src/lib/room.js
index fa7db732e..2c0ad5726 100644
--- a/src/lib/room.js
+++ b/src/lib/room.js
@@ -210,7 +210,7 @@ export const loadMessages = async () => {
 				return;
 			}
 			if (window.innerWidth <= 800 && window.innerHeight >= 630) {
-				await store.setState({ ongoingCall: { callStatus: 'ongoingCallInNewTab', time: lastMessage.ts }, incomingCallAlert: null });
+				await store.setState({ ongoingCall: { callStatus: 'ongoingCallInNewTab', time: lastMessage.ts }, incomingCallAlert: { show: false, callProvider: lastMessage.t } });
 				return;
 			}
 			await processCallMessage(lastMessage);

From a5cdd71de1f2e910504cbbc4cb36313199aeef91 Mon Sep 17 00:00:00 2001
From: Deepak Agarwal <deepak710agarwal@gmail.com>
Date: Thu, 12 Aug 2021 10:09:13 +0530
Subject: [PATCH 3/8] add helper function

---
 src/components/Calls/CallNotification.js | 4 ++--
 src/components/helpers.js                | 8 ++++++++
 src/lib/room.js                          | 4 ++--
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/components/Calls/CallNotification.js b/src/components/Calls/CallNotification.js
index cb0839d23..a9f72af9f 100644
--- a/src/components/Calls/CallNotification.js
+++ b/src/components/Calls/CallNotification.js
@@ -9,7 +9,7 @@ import constants from '../../lib/constants';
 import store from '../../store';
 import { Avatar } from '../Avatar';
 import { Button } from '../Button';
-import { createClassName, getAvatarUrl } from '../helpers';
+import { createClassName, getAvatarUrl, isMobileDevice } from '../helpers';
 import styles from './styles.scss';
 
 
@@ -33,7 +33,7 @@ export const CallNotification = ({ callProvider, callerUsername, url, dispatch,
 				break;
 			}
 			case constants.webrtcCallStartedMessageType: {
-				if (window.innerWidth <= 800 && window.innerHeight >= 630) {
+				if (isMobileDevice()) {
 					callInNewTab();
 					break;
 				}
diff --git a/src/components/helpers.js b/src/components/helpers.js
index 0ec5ed373..2192b2a16 100644
--- a/src/components/helpers.js
+++ b/src/components/helpers.js
@@ -157,6 +157,14 @@ export const parseOfflineMessage = (fields = {}) => {
 export const normalizeDOMRect = ({ left, top, right, bottom }) => ({ left, top, right, bottom });
 
 
+export const isMobileDevice = () => {
+	if (window.innerWidth <= 800 && window.innerHeight >= 630) {
+		return true;
+	}
+	return false;
+};
+
+
 export const visibility = (() => {
 	if (typeof document.hidden !== 'undefined') {
 		return {
diff --git a/src/lib/room.js b/src/lib/room.js
index 2c0ad5726..78cdc77c2 100644
--- a/src/lib/room.js
+++ b/src/lib/room.js
@@ -1,7 +1,7 @@
 import { route } from 'preact-router';
 
 import { Livechat } from '../api';
-import { setCookies, upsert, canRenderMessage, createToken } from '../components/helpers';
+import { setCookies, upsert, canRenderMessage, createToken, isMobileDevice } from '../components/helpers';
 import I18n from '../i18n';
 import { store } from '../store';
 import { normalizeAgent } from './api';
@@ -209,7 +209,7 @@ export const loadMessages = async () => {
 				await store.setState({ ongoingCall: { callStatus: 'ended', time: lastMessage.ts }, incomingCallAlert: null });
 				return;
 			}
-			if (window.innerWidth <= 800 && window.innerHeight >= 630) {
+			if (isMobileDevice()) {
 				await store.setState({ ongoingCall: { callStatus: 'ongoingCallInNewTab', time: lastMessage.ts }, incomingCallAlert: { show: false, callProvider: lastMessage.t } });
 				return;
 			}

From 875b7e671febdcf1055b837ba51447a484a8b516 Mon Sep 17 00:00:00 2001
From: Deepak Agarwal <deepak710agarwal@gmail.com>
Date: Fri, 13 Aug 2021 19:47:18 +0530
Subject: [PATCH 4/8] update one file

---
 src/lib/room.js | 24 +++++++++++-------------
 1 file changed, 11 insertions(+), 13 deletions(-)

diff --git a/src/lib/room.js b/src/lib/room.js
index 78cdc77c2..2a988d712 100644
--- a/src/lib/room.js
+++ b/src/lib/room.js
@@ -55,7 +55,7 @@ const processMessage = async (message) => {
 		closeChat(message);
 	} else if (message.t === 'command') {
 		commands[message.msg] && commands[message.msg]();
-	} else if (message.endTs && ((ongoingCall && (ongoingCall.callStatus === 'declined' || ongoingCall.callStatus === 'ongoingCallInNewTab')) || incomingCallAlert)) {
+	} else if (message.endTs || (ongoingCall && ongoingCall.callStatus === 'declined')) {
 		await store.setState({ ongoingCall: { callStatus: 'ended', time: message.ts }, incomingCallAlert: null });
 	} else if (!incomingCallAlert && (message.t === constants.webrtcCallStartedMessageType || message.t === constants.jitsiCallStartedMessageType)) {
 		await processCallMessage(message);
@@ -201,20 +201,18 @@ export const loadMessages = async () => {
 	await store.setState({ messages: (messages || []).reverse(), noMoreMessages: false, loading: false });
 
 	if (messages && messages.length) {
-		const lastMessage = messages[messages.length - 1];
-		await store.setState({ lastReadMessageId: lastMessage && lastMessage._id });
-
-		if (lastMessage.t === constants.webrtcCallStartedMessageType || lastMessage.t === constants.jitsiCallStartedMessageType) {
-			if (lastMessage.endTs) {
-				await store.setState({ ongoingCall: { callStatus: 'ended', time: lastMessage.ts }, incomingCallAlert: null });
-				return;
+		for (let i = 0; i < messages.length; ++i) {
+			const message = messages[i];
+			if (message.actionLinks && message.actionLinks.length === 2) {
+				if (isMobileDevice()) {
+					store.setState({ ongoingCall: { callStatus: 'ongoingCallInNewTab', time: message.ts }, incomingCallAlert: { show: false, callProvider: message.t } });
+					return;
+				}
+				processCallMessage(message);
 			}
-			if (isMobileDevice()) {
-				await store.setState({ ongoingCall: { callStatus: 'ongoingCallInNewTab', time: lastMessage.ts }, incomingCallAlert: { show: false, callProvider: lastMessage.t } });
-				return;
-			}
-			await processCallMessage(lastMessage);
 		}
+		const lastMessage = messages[messages.length - 1];
+		await store.setState({ lastReadMessageId: lastMessage && lastMessage._id });
 	}
 };
 

From cf1413ec806e91205bf3d6a041f97b401e0147d8 Mon Sep 17 00:00:00 2001
From: Deepak Agarwal <deepak710agarwal@gmail.com>
Date: Wed, 18 Aug 2021 10:57:57 +0530
Subject: [PATCH 5/8] checking call status from room object

---
 src/lib/room.js | 30 ++++++++++++++++++------------
 1 file changed, 18 insertions(+), 12 deletions(-)

diff --git a/src/lib/room.js b/src/lib/room.js
index 6f45224fe..24d2e7acc 100644
--- a/src/lib/room.js
+++ b/src/lib/room.js
@@ -185,11 +185,13 @@ Livechat.onMessage(async (message) => {
 });
 
 export const getGreetingMessages = (messages) => messages && messages.filter((msg) => msg.trigger);
+export const getLatestCallMessage = (messages) => messages && messages.filter((msg) => msg.actionLinks && msg.actionLinks.length === 2);
 
 export const loadMessages = async () => {
-	const { messages: storedMessages, room: { _id: rid } = {} } = store.state;
-	const previousMessages = getGreetingMessages(storedMessages);
+	const { ongoingCall } = store.state;
 
+	const { messages: storedMessages, room: { _id: rid, callStatus } = {} } = store.state;
+	const previousMessages = getGreetingMessages(storedMessages);
 	if (!rid) {
 		return;
 	}
@@ -202,19 +204,23 @@ export const loadMessages = async () => {
 	await store.setState({ messages: (messages || []).reverse(), noMoreMessages: false, loading: false });
 
 	if (messages && messages.length) {
-		for (let i = 0; i < messages.length; ++i) {
-			const message = messages[i];
-			if (message.actionLinks && message.actionLinks.length === 2) {
-				if (isMobileDevice()) {
-					store.setState({ ongoingCall: { callStatus: 'ongoingCallInNewTab', time: message.ts }, incomingCallAlert: { show: false, callProvider: message.t } });
-					return;
-				}
-				processCallMessage(message);
-			}
-		}
 		const lastMessage = messages[messages.length - 1];
 		await store.setState({ lastReadMessageId: lastMessage && lastMessage._id });
 	}
+
+	if (ongoingCall && (ongoingCall.callStatus === 'accept' || ongoingCall.callStatus === 'ongoingCallInNewTab')) {
+		return;
+	}
+
+	const latestCallMessage = getLatestCallMessage(messages);
+	if (callStatus === 'inProgress') {
+		if (!latestCallMessage) {
+			return;
+		}
+		store.setState({ ongoingCall: { callStatus: 'ongoingCallInNewTab', time: latestCallMessage.ts }, incomingCallAlert: { show: false, callProvider: latestCallMessage[0].t } });
+	} else if (callStatus === 'ringing') {
+		processCallMessage(latestCallMessage);
+	}
 };
 
 export const loadMoreMessages = async () => {

From 2b184059a4393add602a2d835deb5bdbb8bf240f Mon Sep 17 00:00:00 2001
From: Deepak Agarwal <deepak710agarwal@gmail.com>
Date: Wed, 18 Aug 2021 11:23:02 +0530
Subject: [PATCH 6/8] update one file

---
 src/lib/room.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/room.js b/src/lib/room.js
index 24d2e7acc..7e2a3658d 100644
--- a/src/lib/room.js
+++ b/src/lib/room.js
@@ -1,7 +1,7 @@
 import { route } from 'preact-router';
 
 import { Livechat } from '../api';
-import { setCookies, upsert, canRenderMessage, createToken, isMobileDevice } from '../components/helpers';
+import { setCookies, upsert, canRenderMessage, createToken } from '../components/helpers';
 import I18n from '../i18n';
 import { store } from '../store';
 import { normalizeAgent } from './api';

From 27ddcd6ab7a1f6a1c4ddcbf18e0dea84efed24f7 Mon Sep 17 00:00:00 2001
From: Deepak Agarwal <deepak710agarwal@gmail.com>
Date: Thu, 19 Aug 2021 16:01:45 +0530
Subject: [PATCH 7/8] handle refresh case

---
 src/components/Calls/CallNotification.js | 2 +-
 src/components/Calls/JoinCallButton.js   | 2 +-
 src/lib/room.js                          | 8 ++++----
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/Calls/CallNotification.js b/src/components/Calls/CallNotification.js
index 8d606c0d2..2b700924e 100644
--- a/src/components/Calls/CallNotification.js
+++ b/src/components/Calls/CallNotification.js
@@ -20,7 +20,7 @@ export const CallNotification = ({ callProvider, callerUsername, url, dispatch,
 		const { token, room } = store.state;
 		const url = `${ Livechat.client.host }/meet/${ room._id }?token=${ token }`;
 		await dispatch({ ongoingCall: { callStatus: 'ongoingCallInNewTab', time: { time } }, incomingCallAlert: { show: false, callProvider } });
-		window.open(url);
+		window.open(url, room._id);
 	};
 
 	const acceptClick = async () => {
diff --git a/src/components/Calls/JoinCallButton.js b/src/components/Calls/JoinCallButton.js
index 962ea48ba..eb5aa8e48 100644
--- a/src/components/Calls/JoinCallButton.js
+++ b/src/components/Calls/JoinCallButton.js
@@ -20,7 +20,7 @@ export const JoinCallButton = (props) => {
 				break;
 			}
 			case constants.webrtcCallStartedMessageType: {
-				window.open(`${ Livechat.client.host }/meet/${ room._id }?token=${ token }`);
+				window.open(`${ Livechat.client.host }/meet/${ room._id }?token=${ token }`, room._id);
 				break;
 			}
 		}
diff --git a/src/lib/room.js b/src/lib/room.js
index 7e2a3658d..6c5aebebb 100644
--- a/src/lib/room.js
+++ b/src/lib/room.js
@@ -50,13 +50,13 @@ export const processCallMessage = async (message) => {
 };
 
 const processMessage = async (message) => {
-	const { incomingCallAlert, ongoingCall } = store.state;
+	const { incomingCallAlert } = store.state;
 
 	if (message.t === 'livechat-close') {
 		closeChat(message);
 	} else if (message.t === 'command') {
 		commands[message.msg] && commands[message.msg]();
-	} else if (message.endTs || (ongoingCall && ongoingCall.callStatus === 'declined')) {
+	} else if (message.endTs) {
 		await store.setState({ ongoingCall: { callStatus: 'ended', time: message.ts }, incomingCallAlert: null });
 	} else if (!incomingCallAlert && (message.t === constants.webrtcCallStartedMessageType || message.t === constants.jitsiCallStartedMessageType)) {
 		await processCallMessage(message);
@@ -217,9 +217,9 @@ export const loadMessages = async () => {
 		if (!latestCallMessage) {
 			return;
 		}
-		store.setState({ ongoingCall: { callStatus: 'ongoingCallInNewTab', time: latestCallMessage.ts }, incomingCallAlert: { show: false, callProvider: latestCallMessage[0].t } });
+		store.setState({ ongoingCall: { callStatus: 'ongoingCallInNewTab', time: latestCallMessage[0].ts }, incomingCallAlert: { show: false, callProvider: latestCallMessage[0].t } });
 	} else if (callStatus === 'ringing') {
-		processCallMessage(latestCallMessage);
+		processCallMessage(latestCallMessage[0]);
 	}
 };
 

From a653c0e8459b80c8c96a9beb7c7ce44b29b736f3 Mon Sep 17 00:00:00 2001
From: Deepak Agarwal <deepak710agarwal@gmail.com>
Date: Thu, 19 Aug 2021 17:57:29 +0530
Subject: [PATCH 8/8] change message filter condition

---
 src/lib/room.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/lib/room.js b/src/lib/room.js
index 6c5aebebb..6be7a2f40 100644
--- a/src/lib/room.js
+++ b/src/lib/room.js
@@ -185,7 +185,7 @@ Livechat.onMessage(async (message) => {
 });
 
 export const getGreetingMessages = (messages) => messages && messages.filter((msg) => msg.trigger);
-export const getLatestCallMessage = (messages) => messages && messages.filter((msg) => msg.actionLinks && msg.actionLinks.length === 2);
+export const getLatestCallMessage = (messages) => messages && messages.filter((msg) => msg.t === 'livechat_webrtc_video_call' || msg.t === 'livechat_video_call').pop();
 
 export const loadMessages = async () => {
 	const { ongoingCall } = store.state;
@@ -217,9 +217,9 @@ export const loadMessages = async () => {
 		if (!latestCallMessage) {
 			return;
 		}
-		store.setState({ ongoingCall: { callStatus: 'ongoingCallInNewTab', time: latestCallMessage[0].ts }, incomingCallAlert: { show: false, callProvider: latestCallMessage[0].t } });
+		store.setState({ ongoingCall: { callStatus: 'ongoingCallInNewTab', time: latestCallMessage.ts }, incomingCallAlert: { show: false, callProvider: latestCallMessage.t } });
 	} else if (callStatus === 'ringing') {
-		processCallMessage(latestCallMessage[0]);
+		processCallMessage(latestCallMessage);
 	}
 };