update-

package.json

 {
 	"name": "boxdialer",
-	"version": "3.5.4",
+	"version": "3.5.5",
 	"description": "",
 	"main": "src/boxDialer.js",
 	"scripts": {

src/lib/boxDIaler.js

@@ -293,11 +293,23 @@ export class BoxDialer {
 						this.onSoundType({ type: 'ring', bool: true });
 						this.setGuiPhoneState({
 							funcName: 'modalState',
+							stateCode: 'connectingIncoming',
+
 							funcParam: {
 								bool: true,
 								callType: 'incoming',
 							},
 						});
+						this.callSession.on('progress', (e) => {
+							console.log(
+								'%c progress: ',
+								'font-size: 22px; color: yellow;',
+								e,
+							);
+							this.setGuiPhoneState({
+								stateCode: 'incoming',
+							});
+						});
 						// incoming call here
 						this.callSession.on('accepted', () => {
 							console.log(
@@ -390,13 +402,7 @@ export class BoxDialer {
 						this.callSession.on('sending', (e) => {
 							console.log('%c sending: ', 'font-size: 22px; color: yellow;', e);
 						});
-						this.callSession.on('progress', (e) => {
-							console.log(
-								'%c progress: ',
-								'font-size: 22px; color: yellow;',
-								e,
-							);
-						});
+
 						this.callSession.on('newDTMF', (e) => {
 							console.log('%c newDTMF: ', 'font-size: 22px; color: yellow;', e);
 						});