From ee2eaa9215ed3be318b9fe32b20639ddb055c429 Mon Sep 17 00:00:00 2001
From: volodymyr <volodymyr.dechtiaruk@gmail.com>
Date: Tue, 17 Sep 2024 23:50:43 +0300
Subject: [PATCH] feature: call hangup sound improved [WTEL-5123]

---
 package-lock.json                             |  8 +++---
 package.json                                  |  2 +-
 .../components/ringtone-volume-control.vue    | 26 +++----------------
 3 files changed, 8 insertions(+), 28 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 98df7900d..77400f7d5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,7 +13,7 @@
         "@vuelidate/validators": "^2.0.4",
         "@vueuse/core": "^11.0.3",
         "@webitel/flow-ui-sdk": "^0.1.14",
-        "@webitel/ui-sdk": "^24.10.10",
+        "@webitel/ui-sdk": "^24.10.11",
         "axios": "^1.7.7",
         "clipboard-copy": "^4.0.1",
         "cron-validator": "^1.3.1",
@@ -2131,9 +2131,9 @@
       }
     },
     "node_modules/@webitel/ui-sdk": {
-      "version": "24.10.10",
-      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.10.10.tgz",
-      "integrity": "sha512-R5maGtbMEFqaT9s/EsBcadsCh0QYgVBfkXT7kmTOvdn7NDpw8LPBxE0v3XEnck3RnMQIEkK/PYACRd/YWY9+dg==",
+      "version": "24.10.11",
+      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.10.11.tgz",
+      "integrity": "sha512-tM9Q6UD+4Ykzw7S27L7DEeMLwUgowPpSEMoI4V0bFXvUKRS8YCzS+I50n5jiCA3puvVjZSnnUR3U8r98YNgdDw==",
       "dependencies": {
         "@floating-ui/vue": "^1.0.1",
         "@morev/vue-transitions": "^3.0.2",
diff --git a/package.json b/package.json
index 655196ac7..a4bc33085 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,7 @@
     "@vuelidate/validators": "^2.0.4",
     "@vueuse/core": "^11.0.3",
     "@webitel/flow-ui-sdk": "^0.1.14",
-    "@webitel/ui-sdk": "^24.10.10",
+    "@webitel/ui-sdk": "^24.10.11",
     "axios": "^1.7.7",
     "clipboard-copy": "^4.0.1",
     "cron-validator": "^1.3.1",
diff --git a/src/modules/settings/components/ringtone-volume-control.vue b/src/modules/settings/components/ringtone-volume-control.vue
index 91ffcc153..dc124ed46 100644
--- a/src/modules/settings/components/ringtone-volume-control.vue
+++ b/src/modules/settings/components/ringtone-volume-control.vue
@@ -31,13 +31,13 @@
 
 <script>
 import debounce from '@webitel/ui-sdk/src/scripts/debounce';
+import triggerSound from '@webitel/ui-sdk/src/modules/Notifications/assets/audio/triggerSound';
 
 export default {
   data() {
     return {
-      ringtoneVolume: 0.5, // Default ringtoneVolume level
+      ringtoneVolume: 1, // Default ringtoneVolume level
       isRingtoneVolumeSaved: false,
-      audioCtx: null, // Audio context will be created upon user interaction
     };
   },
   methods: {
@@ -57,29 +57,9 @@ export default {
       localStorage.setItem('settings/ringtone-volume', this.ringtoneVolume);
       this.isRingtoneVolumeSaved = true;
     },
-    playSignal(ringtoneVolume) {
-      // Initialize the AudioContext if it hasn't been created yet
-      if (!this.audioCtx) {
-        this.audioCtx = new (window.AudioContext || window.webkitAudioContext)();
-      }
-
-      const oscillator = this.audioCtx.createOscillator();
-
-      oscillator.frequency.setValueAtTime(440, this.audioCtx.currentTime); // Standard A4 note
-
-      const gainNode = this.audioCtx.createGain();
-      gainNode.gain.value = ringtoneVolume; // Set the ringtoneVolume based on the selected value
 
-      oscillator.connect(gainNode);
-      gainNode.connect(this.audioCtx.destination);
-
-      oscillator.start();
-
-      oscillator.stop(this.audioCtx.currentTime + 0.2);
-    },
-    // Use your custom debounce method
     debouncedPlayBeep: debounce(function (volume) {
-      this.playSignal(volume);
+      triggerSound(volume);
     }, {}, 300), // Debounce options and 300ms wait time
   },
   mounted() {