fix: Add base_url to the audio notification file (#4116)

app/javascript/dashboard/routes/dashboard/settings/reports/components/ReportFilters.vue

@@ -255,7 +255,6 @@ export default {
   },
   methods: {
     onDateRangeChange() {
-      console.log(this.from, this.to);
       this.$emit('date-range-change', {
         from: this.from,
         to: this.to,

app/javascript/sdk/IFrameHelper.js

@@ -119,7 +119,8 @@ export const IFrameHelper = {
   },
 
   setupAudioListeners: () => {
-    getAlertAudio().then(() =>
+    const { baseUrl = '' } = window.$chatwoot;
+    getAlertAudio(baseUrl).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'];
-export const getAlertAudio = async () => {
+export const getAlertAudio = async (baseUrl = '') => {
   const audioCtx = new (window.AudioContext || window.webkitAudioContext)();
   const playsound = audioBuffer => {
     window.playAudioAlert = () => {
@@ -17,7 +17,8 @@ export const getAlertAudio = async () => {
   };
 
   try {
-    const audioRequest = new Request('/dashboard/audios/ding.mp3');
+    const resourceUrl = `${baseUrl}/dashboard/audios/ding.mp3`;
+    const audioRequest = new Request(resourceUrl);
 
     fetch(audioRequest)
       .then(response => response.arrayBuffer())

config/environments/development.rb

@@ -82,6 +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 '*', headers: :any, methods: :any, expose: ['access-token', 'client', 'uid', 'expiry']
     end
   end

config/environments/production.rb

@@ -121,6 +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]
       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,6 +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]
     end
   end
 end

config/environments/test.rb

@@ -58,6 +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]
     end
   end
 end