releasebird-javascript-sdk 1.0.45 → 1.0.47

package/src/RbirdBannerManager.js

@@ -1,7 +1,7 @@
-import RbirdUtils from './RbirdUtils';
 import RbirdSessionManager from './RbirdSessionManager';
 
-const API = RbirdUtils.API;
+// API is defined globally via webpack.DefinePlugin
+/* global API */
 
 export class RbirdBannerManager {
     static instance;
@@ -51,8 +51,10 @@ export class RbirdBannerManager {
                         self.banners = response;
                         self.renderBanners();
                     } catch (exp) {
-                        console.error('Error parsing banners response:', exp);
+                        console.error('[RbirdBannerManager] Error parsing banners response:', exp);
                     }
+                } else {
+                    console.error('[RbirdBannerManager] Failed to fetch banners. Status:', http.status, 'Response:', http.responseText);
                 }
             }
         };
@@ -60,7 +62,9 @@ export class RbirdBannerManager {
     }
 
     renderBanners() {
-        if (!this.banners || this.banners.length === 0) return;
+        if (!this.banners || this.banners.length === 0) {
+            return;
+        }
 
         this.banners.forEach(banner => {
             if (banner.type === 'INLINE') {
@@ -96,14 +100,13 @@ export class RbirdBannerManager {
         container.id = `rbird-banner-${banner.id}`;
         container.setAttribute('data-banner-id', banner.id);
 
-        // Get user language
-        const userLang = navigator.language?.split('-')[0] || 'de';
-        const title = banner.title?.[userLang] || banner.title?.['de'] || '';
-        const message = banner.message?.[userLang] || banner.message?.['de'] || '';
-        const buttonText = banner.buttonText?.[userLang] || banner.buttonText?.['de'] || '';
+        // Get user language with proper fallback chain
+        const title = banner.title;
+        const message = banner.message;
+        const buttonText = banner.buttonText;
 
         // Create banner HTML structure
-        const bannerHTML = `
+        container.innerHTML = `
             <div class="rbird-banner-content" style="${this.getBannerStyles(banner, isFloating)}">
                 <button class="rbird-banner-close" data-banner-id="${banner.id}" style="${this.getCloseButtonStyles()}">
                     ×
@@ -120,8 +123,6 @@ export class RbirdBannerManager {
             </div>
         `;
 
-        container.innerHTML = bannerHTML;
-
         // Add position styles for floating banners
         if (isFloating) {
             this.applyFloatingPosition(container, banner.position);
@@ -325,7 +326,61 @@ export class RbirdBannerManager {
         http.send(JSON.stringify(requestData));
     }
 
+    getUserLanguage(banner) {
+        // 1. Try to get language from session manager (user preference)
+        const sessionManager = RbirdSessionManager.getInstance();
+        const state = sessionManager.getState();
+        if (state?.identify?.language) {
+            return state.identify.language;
+        }
+
+        // 2. Try browser language
+        const browserLang = navigator.language?.split('-')[0];
+        if (browserLang) {
+            return browserLang;
+        }
+
+        // 3. Fallback to banner's default language
+        if (banner.defaultLanguage) {
+            return banner.defaultLanguage;
+        }
+
+        // 4. Final fallback to 'en'
+        return 'en';
+    }
+
+    getLocalizedField(field, userLang, defaultLang) {
+        if (!field || typeof field !== 'object') {
+            return '';
+        }
+
+        // 1. Try user's language
+        if (field[userLang]) {
+            return field[userLang];
+        }
+
+        // 2. Try default language
+        if (defaultLang && field[defaultLang]) {
+            return field[defaultLang];
+        }
+
+        // 3. Try English as universal fallback
+        if (field['en']) {
+            return field['en'];
+        }
+
+        // 4. Try German as common fallback
+        if (field['de']) {
+            return field['de'];
+        }
+
+        // 5. Return first available value
+        const values = Object.values(field);
+        return values.length > 0 ? values[0] : '';
+    }
+
     escapeHtml(text) {
+        if (!text) return '';
         const div = document.createElement('div');
         div.textContent = text;
         return div.innerHTML;