diff --git a/app/components/Call.js b/app/components/Call.js
index 948136a..110b965 100644
--- a/app/components/Call.js
+++ b/app/components/Call.js
@@ -1,928 +1,928 @@
 import React, { Component } from 'react';
 import { View } from 'react-native';
 import PropTypes from 'prop-types';
 import assert from 'assert';
 import debug from 'react-native-debug';
 import autoBind from 'auto-bind';
 import uuid from 'react-native-uuid';
 
 import AudioCallBox from './AudioCallBox';
 import LocalMedia from './LocalMedia';
 import VideoBox from './VideoBox';
 import config from '../config';
 import utils from '../utils';
 
 
 function randomIntFromInterval(min,max)
 {
     return Math.floor(Math.random()*(max-min+1)+min);
 }
 
 function FixedQueue( size, initialValues ){
 
     // If there are no initial arguments, default it to
     // an empty value so we can call the constructor in
     // a uniform way.
     initialValues = (initialValues || []);
 
     // Create the fixed queue array value.
     var queue = Array.apply( null, initialValues );
 
     // Store the fixed size in the queue.
     queue.fixedSize = size;
 
     // Add the class methods to the queue. Some of these have
     // to override the native Array methods in order to make
     // sure the queue lenght is maintained.
     queue.push = FixedQueue.push;
     queue.splice = FixedQueue.splice;
     queue.unshift = FixedQueue.unshift;
 
     // Trim any initial excess from the queue.
     FixedQueue.trimTail.call( queue );
 
     // Return the new queue.
     return( queue );
 
 }
 
 
 // I trim the queue down to the appropriate size, removing
 // items from the beginning of the internal array.
 FixedQueue.trimHead = function(){
 
     // Check to see if any trimming needs to be performed.
     if (this.length <= this.fixedSize){
 
         // No trimming, return out.
         return;
 
     }
 
     // Trim whatever is beyond the fixed size.
     Array.prototype.splice.call(
         this,
         0,
         (this.length - this.fixedSize)
     );
 
 };
 
 
 // I trim the queue down to the appropriate size, removing
 // items from the end of the internal array.
 FixedQueue.trimTail = function(){
 
     // Check to see if any trimming needs to be performed.
     if (this.length <= this.fixedSize){
 
         // No trimming, return out.
         return;
 
     }
 
     // Trim whatever is beyond the fixed size.
     Array.prototype.splice.call(
         this,
         this.fixedSize,
         (this.length - this.fixedSize)
     );
 
 };
 
 
 // I synthesize wrapper methods that call the native Array
 // methods followed by a trimming method.
 FixedQueue.wrapMethod = function( methodName, trimMethod ){
 
     // Create a wrapper that calls the given method.
     var wrapper = function(){
 
         // Get the native Array method.
         var method = Array.prototype[ methodName ];
 
         // Call the native method first.
         var result = method.apply( this, arguments );
 
         // Trim the queue now that it's been augmented.
         trimMethod.call( this );
 
         // Return the original value.
         return( result );
 
     };
 
     // Return the wrapper method.
     return( wrapper );
 
 };
 
 
 // Wrap the native methods.
 FixedQueue.push = FixedQueue.wrapMethod(
     "push",
     FixedQueue.trimHead
 );
 
 FixedQueue.splice = FixedQueue.wrapMethod(
     "splice",
     FixedQueue.trimTail
 );
 
 FixedQueue.unshift = FixedQueue.wrapMethod(
     "unshift",
     FixedQueue.trimTail
 );
 
 
 class Call extends Component {
     constructor(props) {
         super(props);
         autoBind(this);
 
         this.samples = 30;
         this.sampleInterval = 3;
 
         this.defaultWaitInterval = 60; // until we can connect or reconnect
         this.waitCounter = 0;
         this.waitInterval = this.defaultWaitInterval;
 
         this.videoBytesSent = 0;
         this.audioBytesSent = 0;
 
         this.videoBytesReceived = 0;
         this.audioBytesReceived = 0;
 
         this.packetLoss = 0;
 
         this.packetLossQueue = FixedQueue(this.samples);
         this.latencyQueue = FixedQueue(this.samples);
         this.audioBandwidthQueue = FixedQueue(this.samples);
         this.videoBandwidthQueue = FixedQueue(this.samples);
 
         this.mediaLost = false;
 
         let callUUID;
         let remoteUri = '';
         let remoteDisplayName = '';
         let callState = null;
         let direction = null;
         let callEnded = false;
         this.mediaIsPlaying = false;
         this.ended = false;
         this.answering = false;
 
         if (this.props.call) {
             // If current call is available on mount we must have incoming
             this.props.call.on('stateChanged', this.callStateChanged);
             remoteUri = this.props.call.remoteIdentity.uri;
             remoteDisplayName = this.props.call.remoteIdentity.displayName || this.props.call.remoteIdentity.uri;
             direction = this.props.call.direction;
             callUUID = this.props.call.id;
         } else {
             remoteUri = this.props.targetUri;
             remoteDisplayName = this.props.targetUri;
             callUUID = this.props.callUUID;
             direction = callUUID ? 'outgoing' : 'incoming';
         }
 
         if (this.props.connection) {
             this.props.connection.on('stateChanged', this.connectionStateChanged);
         }
 
         let audioOnly = false;
         if (this.props.localMedia && this.props.localMedia.getVideoTracks().length === 0) {
             audioOnly = true;
         }
 
         this.state = {
                       call: this.props.call,
                       targetUri: this.props.targetUri,
                       audioOnly: audioOnly,
                       boo: false,
                       remoteUri: remoteUri,
                       remoteDisplayName: remoteDisplayName,
                       localMedia: this.props.localMedia,
                       connection: this.props.connection,
                       accountId: this.props.account ? this.props.account.id : null,
                       callState: callState,
                       direction: direction,
                       callUUID: callUUID,
                       reconnectingCall: this.props.reconnectingCall,
                       info: '',
                       packetLossQueue: [],
                       audioBandwidthQueue: [],
                       videoBandwidthQueue: [],
                       latencyQueue: []
                       }
 
         this.statisticsTimer = setInterval(() => {
              this.getConnectionStats();
         }, this.sampleInterval * 1000);
 
-        this.resetStats();
-
     }
 
     resetStats() {
          this.setState({
                       bandwidth: '',
                       packetLossQueue: [],
                       audioBandwidthQueue: [],
                       videoBandwidthQueue: [],
                       latencyQueue: []
                       });
     }
 
     //getDerivedStateFromProps(nextProps, state) {
     UNSAFE_componentWillReceiveProps(nextProps) {
         // Needed for switching to incoming call while in a call
         if (this.ended) {
             return;
         }
         //console.log('Call got props...');
 
         this.setState({connection: nextProps.connection,
                        accountId: nextProps.account ? nextProps.account.id : null});
 
         if (nextProps.call !== null) {
             if (this.state.call !== nextProps.call) {
                 nextProps.call.on('stateChanged', this.callStateChanged);
 
                 this.setState({
                                call: nextProps.call,
                                remoteUri: nextProps.call.remoteIdentity.uri,
                                direction: nextProps.call.direction,
                                callUUID: nextProps.call.id,
                                remoteDisplayName: nextProps.call.remoteIdentity.displayName
                                });
 
                 if (nextProps.call.direction === 'incoming') {
                     this.mediaPlaying();
                 }
 
                 this.lookupContact();
             }
         } else {
             if (nextProps.callUUID !== null && this.state.callUUID !== nextProps.callUUID) {
                 this.setState({'callUUID': nextProps.callUUID,
                                'direction': 'outgoing',
                                'call': null
                                });
 
                 this.startCallWhenReady(nextProps.callUUID);
             }
         }
 
         if (nextProps.reconnectingCall !== this.state.reconnectingCall) {
             this.setState({reconnectingCall: nextProps.reconnectingCall});
         }
 
         if (nextProps.targetUri !== this.state.targetUri && this.state.direction === 'outgoing') {
             this.setState({targetUri: nextProps.targetUri});
         }
 
         this.setState({registrationState: nextProps.registrationState});
 
         if (nextProps.localMedia !== null && nextProps.localMedia !== this.state.localMedia) {
             let audioOnly = false;
 
             if (nextProps.localMedia.getVideoTracks().length === 0) {
                 audioOnly = true;
             }
 
             this.setState({localMedia: nextProps.localMedia,
                            audioOnly: audioOnly});
 
             this.mediaPlaying(nextProps.localMedia);
         }
     }
 
     getConnectionStats() {
          //console.log('getConnectionStats');
          let speed = 0;
          let diff = 0;
 
          let delay = 0;
 
          let audioPackets = 0;
          let videoPackets = 0;
 
          let audioPacketsLost = 0;
          let videoPacketsLost = 0;
 
          let audioPacketLoss = 0;
          let videoPacketLoss = 0;
 
          let bandwidthUpload = 0;
          let bandwidthDownload = 0;
 
          let mediaType;
          let foundVideo = false;
 
          if (!this.state.call || !this.state.call._pc) {
              this.resetStats();
              return;
          }
 
          this.state.call._pc.getStats(null).then(stats => {
              stats.forEach(report => {
 
              if (report.type === "ssrc") {
                  report.values.forEach(object => { if (object.mediaType) {
                          mediaType = object.mediaType;
                      }
                  });
 
                  report.values.forEach(object => {
                      if (object.bytesReceived) {
                          const bytesReceived = Math.floor(object.bytesReceived);
                          if (mediaType === 'audio') {
                              if (this.audioBytesReceived > 0 && this.audioBytesReceived < bytesReceived) {
                                  diff = bytesReceived - this.audioBytesReceived;
                                  diff = bytesReceived - this.audioBytesReceived;
                                  speed = Math.floor(diff / this.sampleInterval * 8 / 1000);
                                  //console.log('Audio bandwidth received', speed, 'kbit/s');
                                  bandwidthDownload = bandwidthDownload + speed;
                                  if (this.audioBandwidthQueue.length < this.samples) {
                                      var n = this.samples;
                                      while (n > 0) {
                                          this.audioBandwidthQueue.push(0);
                                          n = n - 1;
                                      }
                                  }
 
                                  this.audioBandwidthQueue.push(speed);
                              }
                              this.audioBytesReceived = bytesReceived;
                          } else if (mediaType === 'video') {
                              foundVideo = true;
                              if (this.videoBytesReceived > 0 && this.videoBytesReceived < bytesReceived) {
                                  diff = bytesReceived - this.videoBytesReceived;
                                  speed = Math.floor(diff / this.sampleInterval * 8 / 1000);
                                  //console.log('Video bandwidth received', speed, 'kbit/s');
                                  bandwidthDownload = bandwidthDownload + speed;
                                  if (this.videoBandwidthQueue.length < this.samples) {
                                      var n = this.samples;
                                      while (n > 0) {
                                          this.videoBandwidthQueue.push(0);
                                          n = n - 1;
                                      }
                                  }
                                  this.videoBandwidthQueue.push(speed)
                              }
                              this.videoBytesReceived = bytesReceived;
                          }
                      } else if (object.bytesSent) {
                          const bytesSent = Math.floor(object.bytesSent);
                          if (mediaType === 'audio') {
                              if (this.audioBytesSent > 0 && bytesSent > this.audioBytesSent) {
                                  const diff = bytesSent - this.audioBytesSent;
                                  const speed = Math.floor(diff / this.sampleInterval * 8 / 1000);
                                  bandwidthUpload = bandwidthUpload + speed;
                                  //console.log('Audio bandwidth sent', speed, 'kbit/s');
                              }
                              this.audioBytesSent = bytesSent;
                          } else if (mediaType === 'video') {
                              foundVideo = true;
                              if (this.videoBytesSent > 0 && bytesSent > this.videoBytesSent) {
                                  const diff = bytesSent - this.videoBytesSent;
                                  const speed = Math.floor(diff / this.sampleInterval * 8 / 1000);
                                  bandwidthUpload = bandwidthUpload + speed;
                                  //console.log('Video bandwidth sent', speed, 'kbit/s');
                              }
                              this.videoBytesSent = bytesSent;
                          }
 
                      } else if (object.packetsLost) {
                          if (mediaType === 'audio') {
                              audioPackets = audioPackets + Math.floor(object.packetsLost);
                              audioPacketsLost =  audioPacketsLost + Math.floor(object.packetsLost);
                          } else if (mediaType === 'video') {
                              videoPackets = videoPackets + Math.floor(object.packetsLost);
                              videoPacketsLost = videoPacketsLost + Math.floor(object.packetsLost);
                          }
                      } else if (object.packetsReceived) {
                          if (mediaType === 'audio') {
                              audioPackets = audioPackets + Math.floor(object.packetsReceived);
                          } else if (mediaType === 'video') {
                              videoPackets = videoPackets + Math.floor(object.packetsReceived);
                          }
                      } else if (object.googCurrentDelayMs) {
                          delay = object.googCurrentDelayMs;
                      }
                      //console.log(object);
                  });
 
              }});
 
          // packet loss
 
          videoPacketLoss = 0;
          if (videoPackets > 0) {
              videoPacketLoss = Math.floor(videoPacketsLost / videoPackets * 100);
              if (videoPacketLoss > 1) {
                  console.log('Video packet loss', videoPacketLoss, '%');
              }
          }
 
          audioPacketLoss = 0;
          if (audioPackets > 0) {
              audioPacketLoss = Math.floor(audioPacketsLost / audioPackets * 100);
              if (audioPacketLoss > 1) {
                  console.log('Audio packet loss', videoPacketLoss, '%');
              }
          }
 
          this.packetLoss = videoPacketLoss > audioPacketLoss ? videoPacketLoss : audioPacketLoss;
 
          //this.packetLoss = randomIntFromInterval(2, 10);
 
          if (this.packetLoss < 3) {
              this.packetLoss = 0;
          }
 
          if (this.packetLossQueue.length < this.samples) {
              var n = this.samples;
              while (n > 0) {
                  this.packetLossQueue.push(0);
                  n = n - 1;
              }
          }
 
          if (this.latencyQueue.length < this.samples) {
              var n = this.samples;
              while (n > 0) {
                  this.latencyQueue.push(0);
                  n = n - 1;
              }
          }
 
          this.latencyQueue.push(Math.ceil(delay));
 
          this.packetLossQueue.push(this.packetLoss);
 
          this.audioPacketLoss = audioPacketLoss;
          this.videoPacketLoss = videoPacketLoss;
 
         let info;
         let suffix = 'kbit/s';
 
         if (foundVideo && (bandwidthUpload > 0 || bandwidthDownload > 0)) {
             suffix = 'Mbit/s';
             bandwidthUpload = Math.ceil(bandwidthUpload / 1000 * 100) / 100;
             bandwidthDownload = Math.ceil(bandwidthDownload / 1000 * 100) / 100;
         }
 
         if (bandwidthDownload > 0 && bandwidthUpload > 0) {
             info = '⇣' + bandwidthDownload + ' ⇡' + bandwidthUpload;
         } else if (bandwidthDownload > 0) {
             info = '⇣' + bandwidthDownload;
         } else if (bandwidthUpload > 0) {
             info = '⇡' + this.bandwidthUpload;
         }
 
         if (info) {
             info = info + ' ' + suffix;
         }
 
         if (this.packetLoss > 2) {
             info = info + ' - ' + Math.ceil(this.packetLoss) + '% loss';
         }
 
         if (delay > 150) {
             info = info + ' - ' + Math.ceil(delay) + ' ms';
         }
 
         this.setState({packetLossQueue: this.packetLossQueue,
                        latencyQueue: this.latencyQueue,
                        videoBandwidthQueue: this.videoBandwidthQueue,
                        audioBandwidthQueue: this.audioBandwidthQueue,
                        info: info
                         });
          });
      };
 
     mediaPlaying(localMedia) {
         if (this.state.direction === 'incoming') {
             const media = localMedia ? localMedia : this.state.localMedia;
             this.answerCall(media);
         } else {
             this.mediaIsPlaying = true;
         }
     }
 
     answerCall(localMedia) {
         const media = localMedia ? localMedia : this.state.localMedia;
         if (this.state.call && this.state.call.state === 'incoming' && media) {
             let options = {pcConfig: {iceServers: config.iceServers}};
             options.localStream = media;
             if (!this.answering) {
                 this.answering = true;
                 const connectionState = this.state.connection.state ? this.state.connection.state : null;
                 utils.timestampedLog('Call: answering call in connection state', connectionState);
                 this.state.call.answer(options);
             } else {
                 utils.timestampedLog('Call: answering call in progress...');
             }
         } else {
             if (!media) {
                 utils.timestampedLog('Call: waiting for local media');
             }
             if (!this.state.call) {
                 utils.timestampedLog('Call: waiting for incoming call data');
             }
         }
     }
 
     componentDidMount() {
+        this.resetStats();
+
         this.lookupContact();
         if (this.state.direction === 'outgoing' && this.state.callUUID) {
             this.startCallWhenReady(this.state.callUUID);
         }
     }
 
     componentWillUnmount() {
         this.ended = true;
         this.answering = false;
 
         if (this.state.call) {
             this.state.call.removeListener('stateChanged', this.callStateChanged);
         }
 
         if (this.state.connection) {
             this.state.connection.removeListener('stateChanged', this.connectionStateChanged);
         }
     }
 
     lookupContact() {
         let photo = null;
         let remoteUri = this.state.remoteUri || '';
         let remoteDisplayName = this.state.remoteDisplayName || '';
 
         if (!remoteUri) {
             return;
         }
 
         if (remoteUri.indexOf('3333@') > -1) {
             remoteDisplayName = 'Video Test';
         } else if (remoteUri.indexOf('4444@') > -1) {
             remoteDisplayName = 'Echo Test';
         } else if (this.props.myDisplayNames.hasOwnProperty(remoteUri)) {
             remoteDisplayName = this.props.myDisplayNames[remoteUri];
         } else if (this.props.contacts) {
             let username = remoteUri.split('@')[0];
             let isPhoneNumber = username.match(/^(\+|0)(\d+)$/);
 
             if (isPhoneNumber) {
                 var contact_obj = this.findObjectByKey(this.props.contacts, 'remoteParty', username);
             } else {
                 var contact_obj = this.findObjectByKey(this.props.contacts, 'remoteParty', remoteUri);
             }
 
             if (contact_obj) {
                 remoteDisplayName = contact_obj.displayName;
                 photo = contact_obj.photo;
                 if (isPhoneNumber) {
                     remoteUri = username;
                 }
             } else {
                 if (isPhoneNumber) {
                     remoteUri = username;
                     remoteDisplayName = username;
                 }
             }
         }
 
         this.setState({remoteDisplayName: remoteDisplayName,
                        remoteUri: remoteUri,
                        photo: photo
                        });
     }
 
     callStateChanged(oldState, newState, data) {
         //console.log('Call: callStateChanged', oldState, '->', newState);
         if (this.ended) {
             return;
         }
 
         let remoteHasNoVideoTracks;
         let remoteIsRecvOnly;
         let remoteIsInactive;
         let remoteStreams;
 
         this.answering = false;
 
         if (newState === 'established') {
             this.setState({reconnectingCall: false});
             const currentCall = this.state.call;
 
             if (currentCall) {
                 remoteStreams = currentCall.getRemoteStreams();
                 if (remoteStreams) {
                     if (remoteStreams.length > 0) {
                         const remotestream = remoteStreams[0];
                         remoteHasNoVideoTracks = remotestream.getVideoTracks().length === 0;
                         remoteIsRecvOnly = currentCall.remoteMediaDirections.video[0] === 'recvonly';
                         remoteIsInactive = currentCall.remoteMediaDirections.video[0] === 'inactive';
                     }
                 }
             }
 
             if (remoteStreams && (remoteHasNoVideoTracks || remoteIsRecvOnly || remoteIsInactive) && !this.state.audioOnly) {
                 //console.log('Media type changed to audio');
                 // Stop local video
                 if (this.state.localMedia.getVideoTracks().length !== 0) {
                     currentCall.getLocalStreams()[0].getVideoTracks()[0].stop();
                 }
                 this.setState({audioOnly: true});
             } else {
                 this.forceUpdate();
             }
 
         } else if (newState === 'accepted') {
             // Switch if we have audioOnly and local videotracks. This means
             // the call object switched and we are transitioning to an
             // incoming call.
             if (this.state.audioOnly &&  this.state.localMedia && this.state.localMedia.getVideoTracks().length !== 0) {
                 //console.log('Media type changed to video on accepted');
                 this.setState({audioOnly: false});
             }
         }
 
         this.forceUpdate();
     }
 
     connectionStateChanged(oldState, newState) {
         switch (newState) {
             case 'closed':
                 break;
             case 'ready':
                 break;
             case 'disconnected':
                 if (oldState === 'ready' && this.state.direction === 'outgoing') {
                     utils.timestampedLog('Call: reconnecting the call...');
                     this.waitInterval = this.defaultWaitInterval;
                 }
                 break;
             default:
                 break;
         }
     }
 
     findObjectByKey(array, key, value) {
         for (var i = 0; i < array.length; i++) {
             if (array[i][key] === value) {
                 return array[i];
             }
         }
         return null;
     }
 
     canConnect() {
         if (!this.state.connection) {
             console.log('Call: no connection yet');
             return false;
         }
 
         if (this.state.connection.state !== 'ready') {
             console.log('Call: connection is not ready');
             return false;
         }
 
         if (this.props.registrationState !== 'registered') {
             console.log('Call: account not ready yet');
             return false;
         }
 
         if (!this.mediaIsPlaying) {
             console.log('Call: media is not playing');
             return false;
         }
 
         return true;
     }
 
     async startCallWhenReady(callUUID) {
         utils.timestampedLog('Call: start call', callUUID, 'when ready to', this.state.targetUri);
         this.waitCounter = 0;
 
 
         let diff = 0;
 
         while (this.waitCounter < this.waitInterval) {
             if (this.waitCounter === 1) {
                 utils.timestampedLog('Call: waiting for establishing call', this.waitInterval, 'seconds');
             }
 
             if (this.userHangup) {
                 this.hangupCall('user_cancelled');
                 return;
             }
 
             if (this.ended) {
                 return;
             }
 
             if (this.waitCounter >= this.waitInterval - 1) {
                 this.hangupCall('timeout');
             }
 
             if (!this.canConnect()) {
                 //utils.timestampedLog('Call: waiting for connection', this.waitInterval - this.waitCounter, 'seconds');
                 if (this.state.call && this.state.call.id === callUUID && this.state.call.state !== 'terminated') {
                     return;
                 }
 
                 console.log('Wait', this.waitCounter);
                 await this._sleep(1000);
             } else {
                 this.waitCounter = 0;
 
                 this.start();
 
                 return;
             }
 
             this.waitCounter++;
         }
     }
 
     _sleep(ms) {
         return new Promise(resolve => setTimeout(resolve, ms));
     }
 
     start() {
         utils.timestampedLog('Call: starting call', this.state.callUUID);
 
         if (this.state.localMedia === null)  {
             console.log('Call: cannot create new call without local media');
             return;
         }
 
         let options = {pcConfig: {iceServers: config.iceServers}, id: this.state.callUUID};
         options.localStream = this.state.localMedia;
 
         let call = this.props.account.call(this.state.targetUri, options);
         if (call) {
             call.on('stateChanged', this.callStateChanged);
         }
     }
 
     hangupCall(reason) {
         let callUUID = this.state.call ? this.state.call.id : this.state.callUUID;
         this.waitInterval = this.defaultWaitInterval;
 
         if (this.state.call) {
             this.state.call.removeListener('stateChanged', this.callStateChanged);
         }
 
         if (this.props.connection) {
             this.props.connection.removeListener('stateChanged', this.connectionStateChanged);
         }
 
         if (this.waitCounter > 0) {
             this.waitCounter = this.waitInterval;
         }
 
         this.props.hangupCall(callUUID, reason);
     }
 
     render() {
         let box = null;
         if (this.state.localMedia !== null) {
             if (this.state.audioOnly) {
 
                 box = (
                     <AudioCallBox
                         remoteUri = {this.state.remoteUri}
                         remoteDisplayName = {this.state.remoteDisplayName}
                         photo = {this.state.photo}
                         hangupCall = {this.hangupCall}
                         call = {this.state.call}
                         accountId={this.state.accountId}
                         connection = {this.props.connection}
                         mediaPlaying = {this.mediaPlaying}
                         escalateToConference = {this.props.escalateToConference}
                         callKeepSendDtmf = {this.props.callKeepSendDtmf}
                         toggleMute = {this.props.toggleMute}
                         speakerPhoneEnabled = {this.props.speakerPhoneEnabled}
                         toggleSpeakerPhone = {this.props.toggleSpeakerPhone}
                         orientation = {this.props.orientation}
                         isTablet = {this.props.isTablet}
                         reconnectingCall = {this.state.reconnectingCall}
                         muted = {this.props.muted}
                         packetLossQueue = {this.state.packetLossQueue}
                         videoBandwidthQueue = {this.state.videoBandwidthQueue}
                         audioBandwidthQueue = {this.state.audioBandwidthQueue}
                         latencyQueue = {this.state.latencyQueue}
                         info = {this.state.info}
                     />
                 );
             } else {
                 if (this.state.call !== null && (this.state.call.state === 'established' || (this.state.call.state === 'terminated' && this.state.reconnectingCall))) {
 
                     box = (
                         <VideoBox
                             remoteUri = {this.state.remoteUri}
                             remoteDisplayName = {this.state.remoteDisplayName}
                             photo = {this.state.photo}
                             hangupCall = {this.hangupCall}
                             call = {this.state.call}
                             accountId={this.state.accountId}
                             connection = {this.props.connection}
                             localMedia = {this.state.localMedia}
                             shareScreen = {this.props.shareScreen}
                             escalateToConference = {this.props.escalateToConference}
                             generatedVideoTrack = {this.props.generatedVideoTrack}
                             callKeepSendDtmf = {this.props.callKeepSendDtmf}
                             toggleMute = {this.props.toggleMute}
                             speakerPhoneEnabled = {this.props.speakerPhoneEnabled}
                             toggleSpeakerPhone = {this.props.toggleSpeakerPhone}
                             intercomDtmfTone = {this.props.intercomDtmfTone}
                             orientation = {this.props.orientation}
                             isTablet = {this.props.isTablet}
                             reconnectingCall = {this.state.reconnectingCall}
                             muted = {this.props.muted}
                             info = {this.state.info}
                         />
                     );
                 } else {
                     if (this.state.call && this.state.call.state === 'terminated' && this.state.reconnectingCall) {
                         //console.log('Skip render local media because we will reconnect');
                     } else {
                         box = (
                             <LocalMedia
                                 call = {this.state.call}
                                 remoteUri = {this.state.remoteUri}
                                 remoteDisplayName = {this.state.remoteDisplayName}
                                 photo = {this.state.photo}
                                 localMedia = {this.state.localMedia}
                                 mediaPlaying = {this.mediaPlaying}
                                 hangupCall = {this.hangupCall}
                                 generatedVideoTrack = {this.props.generatedVideoTrack}
                                 accountId={this.state.accountId}
                                 connection = {this.props.connection}
                                 orientation = {this.props.orientation}
                                 isTablet = {this.props.isTablet}
                             />
                         );
                     }
                 }
             }
         } else {
             box = (
                 <AudioCallBox
                     remoteUri = {this.state.remoteUri}
                     remoteDisplayName = {this.state.remoteDisplayName}
                     photo = {this.state.photo}
                     hangupCall = {this.hangupCall}
                     call = {this.state.call}
                     accountId={this.state.accountId}
                     connection = {this.props.connection}
                     mediaPlaying = {this.mediaPlaying}
                     escalateToConference = {this.props.escalateToConference}
                     callKeepSendDtmf = {this.props.callKeepSendDtmf}
                     toggleMute = {this.props.toggleMute}
                     speakerPhoneEnabled = {this.props.speakerPhoneEnabled}
                     toggleSpeakerPhone = {this.props.toggleSpeakerPhone}
                     orientation = {this.props.orientation}
                     isTablet = {this.props.isTablet}
                     reconnectingCall = {this.state.reconnectingCall}
                     muted = {this.props.muted}
                     info = {this.state.info}
                 />
             );
 
         }
         return box;
     }
 }
 
 Call.propTypes = {
     targetUri               : PropTypes.string,
     account                 : PropTypes.object,
     hangupCall              : PropTypes.func,
     connection              : PropTypes.object,
     registrationState       : PropTypes.string,
     call                    : PropTypes.object,
     localMedia              : PropTypes.object,
     shareScreen             : PropTypes.func,
     escalateToConference    : PropTypes.func,
     generatedVideoTrack     : PropTypes.bool,
     callKeepSendDtmf        : PropTypes.func,
     toggleMute              : PropTypes.func,
     toggleSpeakerPhone      : PropTypes.func,
     speakerPhoneEnabled     : PropTypes.bool,
     callUUID                : PropTypes.string,
     contacts                : PropTypes.array,
     intercomDtmfTone        : PropTypes.string,
     orientation             : PropTypes.string,
     isTablet                : PropTypes.bool,
     reconnectingCall        : PropTypes.bool,
     muted                   : PropTypes.bool,
     myDisplayNames          : PropTypes.object
 };
 
 
 export default Call;