@vgroup/dialbox 0.7.10 → 0.7.11

package/fesm2020/vgroup-dialbox.mjs

@@ -1900,6 +1900,8 @@ class CallProgressComponent {
         this.C2ConfoList = {};
         this.lastActiveConferenceId = null;
         this.pendingAutoUnhold = false;
+        this.pendingMuteParticipants = new Set();
+        this.intendedMuteStates = new Map();
         this.isMinimised = false;
         this.showDisconnectModal = false;
         this.call = this.twilioService.call;
@@ -2027,6 +2029,31 @@ class CallProgressComponent {
                                     this.startTimer(this.currentCall?.joinedAt);
                                 }
                                 else if (index != -1 && !res?.isLeft) {
+                                    //console.log(res);
+                                    const participantId = res.id;
+                                    // Check if a mute update is pending for this participant
+                                    const isMutePending = this.pendingMuteParticipants.has(participantId);
+                                    const intendedMute = this.intendedMuteStates.get(participantId);
+                                    console.log("is mute pending =>", isMutePending);
+                                    console.log("intended mute =>", intendedMute);
+                                    console.log(participantId);
+                                    let updatedMute;
+                                    if (isMutePending) {
+                                        // If the server already confirmed our change, accept it and clear pending
+                                        if (res.isMute === intendedMute) {
+                                            updatedMute = res.isMute;
+                                            this.pendingMuteParticipants.delete(participantId);
+                                            this.intendedMuteStates.delete(participantId);
+                                        }
+                                        else {
+                                            // Otherwise, keep the current local value (ignore the stale server state)
+                                            updatedMute = this.currentCallList[index].isMute;
+                                        }
+                                    }
+                                    else {
+                                        // No pending mute – trust the server value
+                                        updatedMute = res.isMute;
+                                    }
                                     this.currentCallList[index] = {
                                         ...res,
                                         fromName: this.getName(res?.from) || '',
@@ -2035,7 +2062,7 @@ class CallProgressComponent {
                                         isIncomingCall: res?.direction == "incoming-call",
                                         isHold: res?.isHold,
                                         isConferenceHold: this.newIncomingCallsList?.length > 1 ? ourNumberInfo?.isHold : false,
-                                        isMute: res?.isMute,
+                                        isMute: updatedMute,
                                         isConference: res.isConference ? res.isConference : this.isConference,
                                         isAcceptCall: res.direction == "incoming-call" ? this.getStatus(res) : true,
                                         dial: true,
@@ -2371,6 +2398,7 @@ class CallProgressComponent {
         }
     }
     async participantListIndo(participants) {
+        console.log("participantListIndo");
         if (!participants?.length) {
             if (this.allParticipentList?.length) {
                 this.allParticipentList = [];
@@ -2395,12 +2423,23 @@ class CallProgressComponent {
                 anyChange = true;
                 return newP;
             }
+            const isMutePending = this.pendingMuteParticipants.has(newP.id);
+            const intendedMute = this.intendedMuteStates.get(newP.id);
+            if (isMutePending && intendedMute !== undefined) {
+                if (newP.isMute === intendedMute) {
+                    this.pendingMuteParticipants.delete(newP.id);
+                    this.intendedMuteStates.delete(newP.id);
+                }
+                else {
+                    newP = { ...newP, isMute: existing.isMute };
+                }
+            }
             const changed = Object.keys(newP).some(k => existing[k] !== newP[k]);
             if (changed) {
                 anyChange = true;
                 return { ...existing, ...newP };
             }
-            return existing; // unchanged — same object reference, *ngFor skips this row
+            return existing;
         });
         if (anyChange) {
             this.selectedConfName = this.conferenceCallList.find((res) => res?.conferenceId == this.conferenceCallIDForParticipantList)?.conferenceName || '';
@@ -2558,14 +2597,26 @@ class CallProgressComponent {
         }
     }
     async onMuteUser(c) {
+        const participantId = c.id;
+        const newMuteState = !c.isMute;
+        this.pendingMuteParticipants.add(participantId);
+        this.intendedMuteStates.set(participantId, newMuteState);
+        c.isMute = newMuteState;
+        this.cdr.detectChanges();
+        console.log(c.isMute);
         this.onMuteParticipant({
-            participantId: [c.id],
+            participantId: [participantId],
             conferenceId: c?.conferenceId,
             hold: c.isHold,
-            mute: !c?.isMute
+            mute: newMuteState
         });
-        c.isMute = !c.isMute;
-        this.cdr.detectChanges();
+        //remove pending guard after 5 seconds if no confirmation
+        setTimeout(() => {
+            if (this.pendingMuteParticipants.has(participantId)) {
+                this.pendingMuteParticipants.delete(participantId);
+                this.intendedMuteStates.delete(participantId);
+            }
+        }, 5000);
     }
     async onHoldCall(c) {
         this.isHoldBtnDisable = true;