@vgroup/dialbox 0.2.79 → 0.2.81
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/components/call-progress/call-progress.component.mjs +8 -4
- package/esm2020/lib/dialbox.component.mjs +43 -43
- package/esm2020/lib/service/incomeing-call-socket.service.mjs +2 -2
- package/fesm2015/vgroup-dialbox.mjs +50 -46
- package/fesm2015/vgroup-dialbox.mjs.map +1 -1
- package/fesm2020/vgroup-dialbox.mjs +50 -46
- package/fesm2020/vgroup-dialbox.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -8,7 +8,7 @@ export class IncomeingCallSocketService {
|
|
|
8
8
|
}
|
|
9
9
|
connect() {
|
|
10
10
|
// Replace with your WebSocket URL
|
|
11
|
-
this.socket = new WebSocket(`${environment.websocketUrl}
|
|
11
|
+
this.socket = new WebSocket(`${environment.websocketUrl}incoming/call`);
|
|
12
12
|
this.socket.onopen = () => {
|
|
13
13
|
console.log("WebSocket connected");
|
|
14
14
|
// Authenticate (if needed)
|
|
@@ -47,4 +47,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
47
47
|
providedIn: 'root'
|
|
48
48
|
}]
|
|
49
49
|
}] });
|
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5jb21laW5nLWNhbGwtc29ja2V0LnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kaWFsYm94L3NyYy9saWIvc2VydmljZS9pbmNvbWVpbmctY2FsbC1zb2NrZXQuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNDLE9BQU8sRUFBYyxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDM0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDhCQUE4QixDQUFDOztBQUszRCxNQUFNLE9BQU8sMEJBQTBCO0lBSHZDO1FBTVUsaUJBQVksR0FBRyxJQUFJLE9BQU8sRUFBTyxDQUFDO0tBdUMzQztJQXJDQyxPQUFPO1FBQ0wsa0NBQWtDO1FBQ2xDLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxTQUFTLENBQUMsR0FBRyxXQUFXLENBQUMsWUFBWSxlQUFlLENBQUMsQ0FBQztRQUV4RSxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sR0FBRyxHQUFHLEVBQUU7WUFDeEIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDO1lBRW5DLDJCQUEyQjtZQUMzQixNQUFNLFdBQVcsR0FBRztnQkFDbEIsTUFBTSxFQUFFLFlBQVksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDO2dCQUN0QyxPQUFPLEVBQUUsWUFBWSxDQUFDLE9BQU8sQ0FBQyxXQUFXLENBQUM7YUFDM0MsQ0FBQztZQUNGLElBQUksQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQztRQUNqRCxDQUFDLENBQUM7UUFFRixJQUFJLENBQUMsTUFBTSxDQUFDLFNBQVMsR0FBRyxDQUFDLEdBQUcsRUFBRSxFQUFFO1lBQzlCLElBQUk7Z0JBQ0YsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQ2xDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO2FBQzlCO1lBQUMsT0FBTyxDQUFDLEVBQUU7Z0JBQ1YsT0FBTyxDQUFDLEtBQUssQ0FBQyxvQkFBb0IsRUFBRSxHQUFHLENBQUMsQ0FBQzthQUMxQztRQUNILENBQUMsQ0FBQztRQUVGLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxHQUFHLENBQUMsR0FBRyxFQUFFLEVBQUU7WUFDNUIsT0FBTyxDQUFDLEtBQUssQ0FBQyxrQkFBa0IsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUN6QyxDQUFDLENBQUM7UUFFRixJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sR0FBRyxHQUFHLEVBQUU7WUFDekIsT0FBTyxDQUFDLElBQUksQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDO1lBQ3ZDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxpQkFBaUI7UUFDM0QsQ0FBQyxDQUFDO0lBQ0osQ0FBQztJQUVELE1BQU07UUFDSixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDMUMsQ0FBQzs7d0hBekNVLDBCQUEwQjs0SEFBMUIsMEJBQTBCLGNBRnpCLE1BQU07NEZBRVAsMEJBQTBCO2tCQUh0QyxVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgT2JzZXJ2YWJsZSwgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBlbnZpcm9ubWVudCB9IGZyb20gJy4uL2Vudmlyb25tZW50cy9lbnZpcm9ubWVudHMnO1xyXG5cclxuQEluamVjdGFibGUoe1xyXG4gIHByb3ZpZGVkSW46ICdyb290J1xyXG59KVxyXG5leHBvcnQgY2xhc3MgSW5jb21laW5nQ2FsbFNvY2tldFNlcnZpY2Uge1xyXG5cclxuICBwcml2YXRlIHNvY2tldD86IFdlYlNvY2tldDtcclxuICBwcml2YXRlIGV2ZW50U3ViamVjdCA9IG5ldyBTdWJqZWN0PGFueT4oKTtcclxuXHJcbiAgY29ubmVjdCgpIHtcclxuICAgIC8vIFJlcGxhY2Ugd2l0aCB5b3VyIFdlYlNvY2tldCBVUkxcclxuICAgIHRoaXMuc29ja2V0ID0gbmV3IFdlYlNvY2tldChgJHtlbnZpcm9ubWVudC53ZWJzb2NrZXRVcmx9aW5jb21pbmcvY2FsbGApO1xyXG5cclxuICAgIHRoaXMuc29ja2V0Lm9ub3BlbiA9ICgpID0+IHtcclxuICAgICAgY29uc29sZS5sb2coXCJXZWJTb2NrZXQgY29ubmVjdGVkXCIpO1xyXG5cclxuICAgICAgLy8gQXV0aGVudGljYXRlIChpZiBuZWVkZWQpXHJcbiAgICAgIGNvbnN0IGF1dGhNZXNzYWdlID0ge1xyXG4gICAgICAgIHVzZXJJZDogbG9jYWxTdG9yYWdlLmdldEl0ZW0oJ3VzZXJJZCcpLFxyXG4gICAgICAgIGF1dGhLZXk6IGxvY2FsU3RvcmFnZS5nZXRJdGVtKCdleHRfdG9rZW4nKVxyXG4gICAgICB9O1xyXG4gICAgICB0aGlzLnNvY2tldD8uc2VuZChKU09OLnN0cmluZ2lmeShhdXRoTWVzc2FnZSkpO1xyXG4gICAgfTtcclxuXHJcbiAgICB0aGlzLnNvY2tldC5vbm1lc3NhZ2UgPSAobXNnKSA9PiB7XHJcbiAgICAgIHRyeSB7XHJcbiAgICAgICAgY29uc3QgZGF0YSA9IEpTT04ucGFyc2UobXNnLmRhdGEpO1xyXG4gICAgICAgIHRoaXMuZXZlbnRTdWJqZWN0Lm5leHQoZGF0YSk7XHJcbiAgICAgIH0gY2F0Y2ggKGUpIHtcclxuICAgICAgICBjb25zb2xlLmVycm9yKFwiSW52YWxpZCBXUyBtZXNzYWdlXCIsIG1zZyk7XHJcbiAgICAgIH1cclxuICAgIH07XHJcblxyXG4gICAgdGhpcy5zb2NrZXQub25lcnJvciA9IChlcnIpID0+IHtcclxuICAgICAgY29uc29sZS5lcnJvcihcIldlYlNvY2tldCBFcnJvcjpcIiwgZXJyKTtcclxuICAgIH07XHJcblxyXG4gICAgdGhpcy5zb2NrZXQub25jbG9zZSA9ICgpID0+IHtcclxuICAgICAgY29uc29sZS53YXJuKFwiV2ViU29ja2V0IGRpc2Nvbm5lY3RlZFwiKTtcclxuICAgICAgc2V0VGltZW91dCgoKSA9PiB0aGlzLmNvbm5lY3QoKSwgMzAwMCk7IC8vIEF1dG8tcmVjb25uZWN0XHJcbiAgICB9O1xyXG4gIH1cclxuXHJcbiAgbGlzdGVuKCk6IE9ic2VydmFibGU8YW55PiB7XHJcbiAgICByZXR1cm4gdGhpcy5ldmVudFN1YmplY3QuYXNPYnNlcnZhYmxlKCk7XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -1648,7 +1648,7 @@ class IncomeingCallSocketService {
|
|
|
1648
1648
|
}
|
|
1649
1649
|
connect() {
|
|
1650
1650
|
// Replace with your WebSocket URL
|
|
1651
|
-
this.socket = new WebSocket(`${environment.websocketUrl}
|
|
1651
|
+
this.socket = new WebSocket(`${environment.websocketUrl}incoming/call`);
|
|
1652
1652
|
this.socket.onopen = () => {
|
|
1653
1653
|
var _a;
|
|
1654
1654
|
console.log("WebSocket connected");
|
|
@@ -2084,6 +2084,7 @@ class CallProgressComponent {
|
|
|
2084
2084
|
if (changes['callData']) {
|
|
2085
2085
|
if ((_a = changes['callData'].currentValue) === null || _a === void 0 ? void 0 : _a.isIncomingCall) {
|
|
2086
2086
|
this.incomingCallDiv = true;
|
|
2087
|
+
this.call['callInfo'] = Object.assign({}, this.callData);
|
|
2087
2088
|
this.cdr.detectChanges();
|
|
2088
2089
|
}
|
|
2089
2090
|
else if (((_b = changes['callData'].currentValue) === null || _b === void 0 ? void 0 : _b.displayNum) || ((_c = changes['callData'].currentValue) === null || _c === void 0 ? void 0 : _c.from)) {
|
|
@@ -2186,7 +2187,7 @@ class CallProgressComponent {
|
|
|
2186
2187
|
conferenceId: this.conferenceId
|
|
2187
2188
|
});
|
|
2188
2189
|
this.callData = Object.assign(Object.assign({}, this.callData), { participantId: (_b = this.addRes) === null || _b === void 0 ? void 0 : _b.participantId });
|
|
2189
|
-
this.call['callInfo'] = this.callData;
|
|
2190
|
+
this.call['callInfo'] = Object.assign({}, this.callData);
|
|
2190
2191
|
console.log('Initial participantId:', (_c = this.addRes) === null || _c === void 0 ? void 0 : _c.participantId);
|
|
2191
2192
|
}
|
|
2192
2193
|
catch (e) {
|
|
@@ -2481,7 +2482,7 @@ class CallProgressComponent {
|
|
|
2481
2482
|
hold: true
|
|
2482
2483
|
});
|
|
2483
2484
|
// Put current call on hold
|
|
2484
|
-
this.heldCall = this.call;
|
|
2485
|
+
this.heldCall = Object.assign({}, this.call);
|
|
2485
2486
|
this.isCallOnHold = true;
|
|
2486
2487
|
this.heldCall.mute(true);
|
|
2487
2488
|
// Close contacts panel and show ring animation
|
|
@@ -2492,6 +2493,7 @@ class CallProgressComponent {
|
|
|
2492
2493
|
.filter(Boolean)
|
|
2493
2494
|
.join(' ');
|
|
2494
2495
|
this.callData = Object.assign(Object.assign({}, this.callData), { phone: phoneNumber, displayNum: phoneNumber, name: contactName || phoneNumber, img: (contact === null || contact === void 0 ? void 0 : contact.img) || 'assets/images/user.jpg' });
|
|
2496
|
+
this.call['callInfo'] = Object.assign({}, this.callData);
|
|
2495
2497
|
this.cdr.detectChanges();
|
|
2496
2498
|
// Get the conference ID from the current call or use the stored one
|
|
2497
2499
|
const conferenceId = this.conferenceId;
|
|
@@ -2527,7 +2529,7 @@ class CallProgressComponent {
|
|
|
2527
2529
|
}
|
|
2528
2530
|
getAllParticipants(conferenceSid) {
|
|
2529
2531
|
this.extensionService.getAllParticipants(conferenceSid).subscribe((res) => {
|
|
2530
|
-
|
|
2532
|
+
this.allParticipentList = res.participants;
|
|
2531
2533
|
});
|
|
2532
2534
|
}
|
|
2533
2535
|
// acceptConcurrentCall(incomingCall: any) {
|
|
@@ -2585,6 +2587,8 @@ class CallProgressComponent {
|
|
|
2585
2587
|
return __awaiter(this, void 0, void 0, function* () {
|
|
2586
2588
|
if (!this.heldCall || !this.call)
|
|
2587
2589
|
return;
|
|
2590
|
+
console.log(this.call, 'this.call');
|
|
2591
|
+
console.log(this.heldCall, 'this.heldCall');
|
|
2588
2592
|
yield this.onholdOrUnholdParticipant({
|
|
2589
2593
|
participantId: (_b = (_a = this.call) === null || _a === void 0 ? void 0 : _a.callInfo) === null || _b === void 0 ? void 0 : _b.participantId,
|
|
2590
2594
|
conferenceId: this.conferenceId,
|
|
@@ -3097,50 +3101,50 @@ class DialboxComponent {
|
|
|
3097
3101
|
// Ensure Twilio is initialized even when dialpad starts hidden,
|
|
3098
3102
|
// so we can auto-open on incoming calls.
|
|
3099
3103
|
this.initializeTwilio();
|
|
3100
|
-
|
|
3101
|
-
|
|
3102
|
-
|
|
3103
|
-
|
|
3104
|
-
|
|
3105
|
-
if (incomingCallData) {
|
|
3106
|
-
if (
|
|
3107
|
-
this._isDialpadHidden
|
|
3108
|
-
|
|
3109
|
-
|
|
3110
|
-
this.
|
|
3111
|
-
|
|
3112
|
-
|
|
3113
|
-
|
|
3114
|
-
|
|
3115
|
-
|
|
3116
|
-
|
|
3117
|
-
|
|
3118
|
-
|
|
3119
|
-
|
|
3120
|
-
|
|
3121
|
-
|
|
3122
|
-
|
|
3123
|
-
|
|
3124
|
-
|
|
3104
|
+
try {
|
|
3105
|
+
this.incomeingCallSocketService.connect();
|
|
3106
|
+
this.incomeingCallSocketService.listen().subscribe((incomingCallData) => {
|
|
3107
|
+
console.log("WS Event Received:", incomingCallData);
|
|
3108
|
+
console.log("WS Event Received:", incomingCallData.data);
|
|
3109
|
+
if (incomingCallData.type === "/incoming/call") {
|
|
3110
|
+
if (incomingCallData) {
|
|
3111
|
+
if (this.autoOpenOnIncoming && this._isDialpadHidden) {
|
|
3112
|
+
this._isDialpadHidden = false;
|
|
3113
|
+
}
|
|
3114
|
+
if (this.isCallInProgress) {
|
|
3115
|
+
this.newIncomingCalls.push(incomingCallData);
|
|
3116
|
+
console.log('325', incomingCallData);
|
|
3117
|
+
this.getUserInformation(incomingCallData);
|
|
3118
|
+
}
|
|
3119
|
+
else {
|
|
3120
|
+
incomingCallData['isFirstCall'] = true;
|
|
3121
|
+
console.log('dd1');
|
|
3122
|
+
this.isCallInProgress = true;
|
|
3123
|
+
this.isDialpadHidden = false;
|
|
3124
|
+
this.callData.phone = incomingCallData.parameters['From'];
|
|
3125
|
+
console.log('dd2');
|
|
3126
|
+
this.getUserInformation(incomingCallData);
|
|
3127
|
+
this.callData.name = incomingCallData.customParameters.get('name');
|
|
3128
|
+
this.callData.img = incomingCallData.customParameters.get('image') || 'assets/images/user.jpg';
|
|
3129
|
+
this.callData.isIncomingCall = true;
|
|
3130
|
+
}
|
|
3131
|
+
incomingCallData.on('cancel', () => {
|
|
3132
|
+
this.incomingCallsList = this.incomingCallsList.filter((item) => item.parameters['CallSid'] !== incomingCallData.parameters['CallSid']);
|
|
3133
|
+
// if(this.incomingCallsList.length == 0){
|
|
3134
|
+
// console.log('dd3')
|
|
3135
|
+
// this.isCallInProgress = false;
|
|
3136
|
+
// }
|
|
3137
|
+
});
|
|
3138
|
+
incomingCallData.on('disconnect', () => {
|
|
3139
|
+
this.incomingCallsList = this.incomingCallsList.filter((item) => item.parameters['CallSid'] !== incomingCallData.parameters['CallSid']);
|
|
3140
|
+
// if(this.incomingCallsList.length == 0){
|
|
3141
|
+
// console.log('dd4')
|
|
3142
|
+
// this.isCallInProgress = false;
|
|
3143
|
+
// }
|
|
3144
|
+
});
|
|
3125
3145
|
}
|
|
3126
|
-
incomingCallData.on('cancel', () => {
|
|
3127
|
-
this.incomingCallsList = this.incomingCallsList.filter((item) => item.parameters['CallSid'] !== incomingCallData.parameters['CallSid']);
|
|
3128
|
-
// if(this.incomingCallsList.length == 0){
|
|
3129
|
-
// console.log('dd3')
|
|
3130
|
-
// this.isCallInProgress = false;
|
|
3131
|
-
// }
|
|
3132
|
-
});
|
|
3133
|
-
incomingCallData.on('disconnect', () => {
|
|
3134
|
-
this.incomingCallsList = this.incomingCallsList.filter((item) => item.parameters['CallSid'] !== incomingCallData.parameters['CallSid']);
|
|
3135
|
-
// if(this.incomingCallsList.length == 0){
|
|
3136
|
-
// console.log('dd4')
|
|
3137
|
-
// this.isCallInProgress = false;
|
|
3138
|
-
// }
|
|
3139
|
-
});
|
|
3140
3146
|
}
|
|
3141
|
-
}
|
|
3142
|
-
});
|
|
3143
|
-
try {
|
|
3147
|
+
});
|
|
3144
3148
|
this.token = localStorage.getItem('ext_token') || '';
|
|
3145
3149
|
//this.isCallInProgress = true;
|
|
3146
3150
|
this.getContactList();
|