@vgroup/dialbox 0.2.83 → 0.2.86
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/dialbox.component.mjs +43 -43
- package/esm2020/lib/service/incomeing-call-socket.service.mjs +2 -2
- package/fesm2015/vgroup-dialbox.mjs +43 -43
- package/fesm2015/vgroup-dialbox.mjs.map +1 -1
- package/fesm2020/vgroup-dialbox.mjs +43 -43
- package/fesm2020/vgroup-dialbox.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -1647,7 +1647,7 @@ class IncomeingCallSocketService {
|
|
|
1647
1647
|
}
|
|
1648
1648
|
connect() {
|
|
1649
1649
|
// Replace with your WebSocket URL
|
|
1650
|
-
this.socket = new WebSocket(`${environment.websocketUrl}incoming/call
|
|
1650
|
+
this.socket = new WebSocket(`${environment.websocketUrl}incoming/call`);
|
|
1651
1651
|
this.socket.onopen = () => {
|
|
1652
1652
|
console.log("WebSocket connected");
|
|
1653
1653
|
// Authenticate (if needed)
|
|
@@ -3075,50 +3075,50 @@ class DialboxComponent {
|
|
|
3075
3075
|
// Ensure Twilio is initialized even when dialpad starts hidden,
|
|
3076
3076
|
// so we can auto-open on incoming calls.
|
|
3077
3077
|
this.initializeTwilio();
|
|
3078
|
-
|
|
3079
|
-
|
|
3080
|
-
|
|
3081
|
-
|
|
3082
|
-
|
|
3083
|
-
if (incomingCallData
|
|
3084
|
-
if (
|
|
3085
|
-
|
|
3086
|
-
|
|
3087
|
-
|
|
3088
|
-
|
|
3089
|
-
|
|
3090
|
-
|
|
3091
|
-
|
|
3092
|
-
|
|
3093
|
-
|
|
3094
|
-
|
|
3095
|
-
|
|
3096
|
-
|
|
3097
|
-
|
|
3098
|
-
|
|
3099
|
-
|
|
3100
|
-
|
|
3101
|
-
|
|
3102
|
-
|
|
3103
|
-
this.callData.isIncomingCall = true;
|
|
3104
|
-
}
|
|
3105
|
-
incomingCallData.on('cancel', () => {
|
|
3106
|
-
this.incomingCallsList = this.incomingCallsList.filter((item) => item.parameters['CallSid'] !== incomingCallData.parameters['CallSid']);
|
|
3107
|
-
// if(this.incomingCallsList.length == 0){
|
|
3108
|
-
// console.log('dd3')
|
|
3109
|
-
// this.isCallInProgress = false;
|
|
3110
|
-
// }
|
|
3111
|
-
});
|
|
3112
|
-
incomingCallData.on('disconnect', () => {
|
|
3113
|
-
this.incomingCallsList = this.incomingCallsList.filter((item) => item.parameters['CallSid'] !== incomingCallData.parameters['CallSid']);
|
|
3114
|
-
// if(this.incomingCallsList.length == 0){
|
|
3115
|
-
// console.log('dd4')
|
|
3116
|
-
// this.isCallInProgress = false;
|
|
3117
|
-
// }
|
|
3118
|
-
});
|
|
3078
|
+
this.incomeingCallSocketService.connect();
|
|
3079
|
+
this.incomeingCallSocketService.listen().subscribe((incomingCallData) => {
|
|
3080
|
+
console.log("WS Event Received:", incomingCallData);
|
|
3081
|
+
console.log("WS Event Received:", incomingCallData.data);
|
|
3082
|
+
if (incomingCallData.type === "/incoming/call") {
|
|
3083
|
+
if (incomingCallData) {
|
|
3084
|
+
if (this.autoOpenOnIncoming && this._isDialpadHidden) {
|
|
3085
|
+
this._isDialpadHidden = false;
|
|
3086
|
+
}
|
|
3087
|
+
if (this.isCallInProgress) {
|
|
3088
|
+
this.newIncomingCalls.push(incomingCallData);
|
|
3089
|
+
console.log('325', incomingCallData);
|
|
3090
|
+
this.getUserInformation(incomingCallData);
|
|
3091
|
+
}
|
|
3092
|
+
else {
|
|
3093
|
+
incomingCallData['isFirstCall'] = true;
|
|
3094
|
+
console.log('dd1');
|
|
3095
|
+
this.isCallInProgress = true;
|
|
3096
|
+
this.isDialpadHidden = false;
|
|
3097
|
+
this.callData.phone = incomingCallData.parameters['From'];
|
|
3098
|
+
console.log('dd2');
|
|
3099
|
+
this.getUserInformation(incomingCallData);
|
|
3100
|
+
this.callData.name = incomingCallData.customParameters.get('name');
|
|
3101
|
+
this.callData.img = incomingCallData.customParameters.get('image') || 'assets/images/user.jpg';
|
|
3102
|
+
this.callData.isIncomingCall = true;
|
|
3119
3103
|
}
|
|
3104
|
+
incomingCallData.on('cancel', () => {
|
|
3105
|
+
this.incomingCallsList = this.incomingCallsList.filter((item) => item.parameters['CallSid'] !== incomingCallData.parameters['CallSid']);
|
|
3106
|
+
// if(this.incomingCallsList.length == 0){
|
|
3107
|
+
// console.log('dd3')
|
|
3108
|
+
// this.isCallInProgress = false;
|
|
3109
|
+
// }
|
|
3110
|
+
});
|
|
3111
|
+
incomingCallData.on('disconnect', () => {
|
|
3112
|
+
this.incomingCallsList = this.incomingCallsList.filter((item) => item.parameters['CallSid'] !== incomingCallData.parameters['CallSid']);
|
|
3113
|
+
// if(this.incomingCallsList.length == 0){
|
|
3114
|
+
// console.log('dd4')
|
|
3115
|
+
// this.isCallInProgress = false;
|
|
3116
|
+
// }
|
|
3117
|
+
});
|
|
3120
3118
|
}
|
|
3121
|
-
}
|
|
3119
|
+
}
|
|
3120
|
+
});
|
|
3121
|
+
try {
|
|
3122
3122
|
this.token = localStorage.getItem('ext_token') || '';
|
|
3123
3123
|
//this.isCallInProgress = true;
|
|
3124
3124
|
this.getContactList();
|