[mirotalkc2c] - add cancel btn to leavefeedback, update dep

Author: miroslavpejic85

backend/server.js

@@ -9,7 +9,7 @@
  * @license For private project or commercial purposes contact us at: license.mirotalk@gmail.com or purchase it directly via Code Canyon:
  * @license https://codecanyon.net/item/mirotalk-c2c-webrtc-real-time-cam-2-cam-video-conferences-and-screen-sharing/43383005
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.2.15
+ * @version 1.2.16
  */
 
 require('dotenv').config();

frontend/css/client.css

@@ -389,6 +389,10 @@ th {
 # Swal custom
 --------------------------------------------------------------*/
 
+.swal2-popup .swal2-styled:focus {
+    box-shadow: none !important;
+}
+
 .swal2-title,
 .swal2-content {
     background-color: var(--panel-color) !important;

frontend/js/client.js

@@ -9,7 +9,7 @@
  * @license For private project or commercial purposes contact us at: license.mirotalk@gmail.com or purchase it directly via Code Canyon:
  * @license https://codecanyon.net/item/mirotalk-c2c-webrtc-real-time-cam-2-cam-video-conferences-and-screen-sharing/43383005
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.2.15
+ * @version 1.2.16
  */
 
 const roomId = new URLSearchParams(window.location.search).get('room');
@@ -1312,42 +1312,44 @@ function loadLocalStorageConfig() {
 
 function endCall() {
     saveLocalStorageConfig();
-    signalingSocket.disconnect();
-    if (surveyURL) {
-        giveMeFeedback();
-    } else {
-        redirectOnLeave();
-    }
+    surveyURL ? giveMeFeedback() : redirectOnLeave();
 }
 
 function giveMeFeedback() {
     Swal.fire({
         allowOutsideClick: false,
         allowEscapeKey: false,
         showDenyButton: true,
+        showCancelButton: true,
+        confirmButtonColor: 'green',
+        denyButtonColor: 'red',
+        cancelButtonColor: 'gray',
         background: swal.background,
         imageUrl: image.feedback,
         position: 'top',
         title: 'Leave a feedback',
         text: 'Do you want to rate your MiroTalk experience?',
         confirmButtonText: `Yes`,
         denyButtonText: `No`,
+        cancelButtonText: `Cancel`,
         showClass: { popup: 'animate__animated animate__fadeInDown' },
         hideClass: { popup: 'animate__animated animate__fadeOutUp' },
     }).then((result) => {
         if (result.isConfirmed) {
             redirectToSurvey();
-        } else {
+        } else if (result.isDenied) {
             redirectOnLeave();
         }
     });
 }
 
 function redirectToSurvey() {
+    signalingSocket.disconnect();
     surveyURL ? openURL(surveyURL) : openURL('/');
 }
 
 function redirectOnLeave() {
+    signalingSocket.disconnect();
     redirectURL ? openURL(redirectURL) : openURL('/');
 }
 

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "mirotalkc2c",
-    "version": "1.2.15",
+    "version": "1.2.16",
     "description": "A free WebRTC Cam-2-Cam browser-based video calls",
     "main": "server.js",
     "scripts": {
@@ -38,12 +38,12 @@
     "dependencies": {
         "@mattermost/client": "10.8.0",
         "@ngrok/ngrok": "1.5.1",
-        "@sentry/node": "^9.36.0",
+        "@sentry/node": "^9.37.0",
         "colors": "^1.4.0",
         "compression": "^1.8.0",
         "cors": "^2.8.5",
         "dompurify": "^3.2.6",
-        "dotenv": "^17.1.0",
+        "dotenv": "^17.2.0",
         "express": "^5.1.0",
         "express-openid-connect": "^2.18.1",
         "he": "^1.2.0",