releasebird-javascript-sdk 1.0.87 → 1.0.88

package/src/RbirdWebsiteWidget.js

@@ -54,6 +54,9 @@ export default class RbirdWebsiteWidget {
     initialX = 0;
     initialY = 0;
 
+    // Notification sound
+    audioContext = null;
+
     static getInstance() {
         if (!this.instance) {
             this.instance = new RbirdWebsiteWidget();
@@ -369,8 +372,9 @@ export default class RbirdWebsiteWidget {
 
         if (e.data === 'newMessageArrived') {
             this.countNotifications();
-            // Also refresh message bubbles when new message arrives
+            // Play notification sound and refresh message bubbles when new message arrives
             if (!RbirdUtils.hasClass(this.widgetContent, 'cta__modal--visible')) {
+                this.playNotificationSound();
                 this.fetchUnreadMessages();
                 if (this.iframe) {
                     this.iframe.contentWindow?.postMessage({
@@ -588,6 +592,43 @@ export default class RbirdWebsiteWidget {
         this.messageBubblesContainer.style.right = 'unset';
     }
 
+    /**
+     * Play a notification sound when new messages arrive
+     */
+    playNotificationSound() {
+        try {
+            // Create AudioContext lazily (required for browser autoplay policies)
+            if (!this.audioContext) {
+                this.audioContext = new (window.AudioContext || window.webkitAudioContext)();
+            }
+
+            const ctx = this.audioContext;
+            const now = ctx.currentTime;
+
+            // Create oscillator for the "plopp" sound
+            const oscillator = ctx.createOscillator();
+            const gainNode = ctx.createGain();
+
+            oscillator.connect(gainNode);
+            gainNode.connect(ctx.destination);
+
+            // Plopp sound: quick frequency drop with fast decay
+            oscillator.type = 'sine';
+            oscillator.frequency.setValueAtTime(800, now);
+            oscillator.frequency.exponentialRampToValueAtTime(300, now + 0.1);
+
+            // Quick attack and decay for the "plopp" effect
+            gainNode.gain.setValueAtTime(0, now);
+            gainNode.gain.linearRampToValueAtTime(0.3, now + 0.02);
+            gainNode.gain.exponentialRampToValueAtTime(0.01, now + 0.15);
+
+            oscillator.start(now);
+            oscillator.stop(now + 0.15);
+        } catch (e) {
+            // Silently fail if audio is not supported
+        }
+    }
+
     /**
      * Create a single message bubble element
      * @param {Object} msg - Message object with chatId, text, senderName, senderAvatar, timestamp

package/src/index.js

@@ -4,6 +4,7 @@ import RbirdWebsiteWidget from "./RbirdWebsiteWidget";
 import { ReleasebirdConsoleLogger } from "./ReleasebirdConsoleLogger";
 import { RbirdBannerManager } from "./RbirdBannerManager";
 import { RbirdFormManager } from "./RbirdFormManager";
+import { RbirdSurveyManager } from "./RbirdSurveyManager";
 
 class Rbird {
 
@@ -93,6 +94,10 @@ class Rbird {
                         // Initialize form manager
                         const formManager = RbirdFormManager.getInstance();
                         formManager.init(apiKey);
+
+                        // Initialize survey manager
+                        const surveyManager = RbirdSurveyManager.getInstance();
+                        surveyManager.init(apiKey);
                         resolve();
                     });
                 });
@@ -161,6 +166,23 @@ class Rbird {
         }
     }
 
+    /**
+     * Show a survey by its ID
+     * @param {string} surveyId - The ID of the survey to show
+     * @param {Object} options - Optional configuration
+     * @param {string} options.target - CSS selector for inline rendering (optional, shows as modal if not provided)
+     * @param {Function} options.onSubmit - Callback when survey is submitted
+     * @param {Function} options.onClose - Callback when survey is closed
+     */
+    static showSurvey(surveyId, options = {}) {
+        if (typeof window === 'undefined') return;
+        try {
+            RbirdSurveyManager.getInstance().showSurvey(surveyId, options);
+        } catch (e) {
+            console.error(e);
+        }
+    }
+
 }
 
 export const runFunctionWhenDomIsReady = (callback) => {