chore: Use different files for widget and dashboard audio alert (#4637)

app/javascript/sdk/IFrameHelper.js

@@ -121,7 +121,7 @@ export const IFrameHelper = {
 
   setupAudioListeners: () => {
     const { baseUrl = '' } = window.$chatwoot;
-    getAlertAudio(baseUrl).then(() =>
+    getAlertAudio(baseUrl, 'widget').then(() =>
       initOnEvents.forEach(event => {
         document.removeEventListener(
           event,

app/javascript/shared/helpers/AudioNotificationHelper.js

@@ -4,7 +4,7 @@ import { IFrameHelper } from 'widget/helpers/utils';
 import { showBadgeOnFavicon } from './faviconHelper';
 
 export const initOnEvents = ['click', 'touchstart', 'keypress', 'keydown'];
-export const getAlertAudio = async (baseUrl = '') => {
+export const getAlertAudio = async (baseUrl = '', type = 'dashboard') => {
   const audioCtx = new (window.AudioContext || window.webkitAudioContext)();
   const playsound = audioBuffer => {
     window.playAudioAlert = () => {
@@ -17,7 +17,7 @@ export const getAlertAudio = async (baseUrl = '') => {
   };
 
   try {
-    const resourceUrl = `${baseUrl}/dashboard/audios/ding.mp3`;
+    const resourceUrl = `${baseUrl}/audio/${type}/ding.mp3`;
     const audioRequest = new Request(resourceUrl);
 
     fetch(audioRequest)

config/environments/development.rb

@@ -82,7 +82,7 @@ Rails.application.configure do
     allow do
       origins '*'
       resource '/packs/*', headers: :any, methods: [:get, :options]
-      resource '/dashboard/audios/ding.mp3', headers: :any, methods: [:get, :options]
+      resource '/audio/*', headers: :any, methods: [:get, :options]
       resource '*', headers: :any, methods: :any, expose: ['access-token', 'client', 'uid', 'expiry']
     end
   end

config/environments/production.rb

@@ -121,7 +121,7 @@ Rails.application.configure do
     allow do
       origins '*'
       resource '/packs/*', headers: :any, methods: [:get, :options]
-      resource '/dashboard/audios/ding.mp3', headers: :any, methods: [:get, :options]
+      resource '/audio/*', headers: :any, methods: [:get, :options]
       if ActiveModel::Type::Boolean.new.cast(ENV.fetch('CW_API_ONLY_SERVER', false))
         resource '*', headers: :any, methods: :any, expose: ['access-token', 'client', 'uid', 'expiry']
       end

config/environments/staging.rb

@@ -87,7 +87,7 @@ Rails.application.configure do
     allow do
       origins '*'
       resource '/packs/*', headers: :any, methods: [:get, :options]
-      resource '/dashboard/audios/ding.mp3', headers: :any, methods: [:get, :options]
+      resource '/audio/*', headers: :any, methods: [:get, :options]
     end
   end
 end

config/environments/test.rb

@@ -58,7 +58,7 @@ Rails.application.configure do
     allow do
       origins '*'
       resource '/packs/*', headers: :any, methods: [:get, :options]
-      resource '/dashboard/audios/ding.mp3', headers: :any, methods: [:get, :options]
+      resource '/audio/*', headers: :any, methods: [:get, :options]
     end
   end
 end