releasebird-javascript-sdk 1.0.80 → 1.0.82

package/src/RbirdWebsiteWidget.js

@@ -851,9 +851,9 @@ export default class RbirdWebsiteWidget {
         // Update hide button position (top right of bubble)
         if (this.hideWidgetButton) {
             const buttonRect = this.websiteWidget.getBoundingClientRect();
-            this.hideWidgetButton.style.left = `${buttonRect.right - 10}px`;
+            this.hideWidgetButton.style.left = `${buttonRect.right - 5}px`;
             this.hideWidgetButton.style.right = 'unset';
-            this.hideWidgetButton.style.bottom = `${window.innerHeight - buttonRect.top + 5}px`;
+            this.hideWidgetButton.style.bottom = `${window.innerHeight - buttonRect.bottom + 55}px`;
         }
 
         // Update message bubbles container position
@@ -932,10 +932,13 @@ export default class RbirdWebsiteWidget {
         }
 
         // Update hide button position (top right of bubble)
+        // Match CSS: bottom = spaceBottom + 45 = buttonRect.bottom + 45 - buttonRect.height
+        // Since buttonRect.top = window.innerHeight - buttonRect.bottom, and bubble height is ~50px
+        // bottom = window.innerHeight - buttonRect.top - 5 should equal spaceBottom + 45
         if (this.hideWidgetButton) {
-            this.hideWidgetButton.style.left = `${buttonRect.right - 10}px`;
+            this.hideWidgetButton.style.left = `${buttonRect.right - 5}px`;
             this.hideWidgetButton.style.right = 'unset';
-            this.hideWidgetButton.style.bottom = `${window.innerHeight - buttonRect.top - 5}px`;
+            this.hideWidgetButton.style.bottom = `${window.innerHeight - buttonRect.bottom + 55}px`;
         }
 
         // Update message bubbles container position

package/src/Styles.js

@@ -310,11 +310,11 @@ export const injectStyledCSS = (
 
 .hideWidgetButton {
 width: 15px;
-height: 15px;
+height: 5px;
 position: fixed;
 cursor: pointer;
 bottom: ${spaceBottom + 55}px;
-right: ${launcherPosition === 'right' ? (spaceLeftRight - 10) + 'px' : 'unset'};
+right: ${launcherPosition === 'right' ? (spaceLeftRight - 5) + 'px' : 'unset'};
 left: ${launcherPosition === 'left' ? (spaceLeftRight + 50) + 'px' : 'unset'};
 z-index: 10000001;
 }

package/src/index.js

@@ -67,7 +67,7 @@ class Rbird {
     }
 
     static initialize(apiKey, showButton) {
-        if (typeof window === 'undefined') return;
+        if (typeof window === 'undefined') return Promise.resolve();
         try {
             if (showButton === undefined) {
                 showButton = true;
@@ -75,28 +75,32 @@ class Rbird {
             const instance = this.getInstance();
             if (instance.initialized) {
                 console.warn("Rbird already initialized.");
-                return;
+                return Promise.resolve();
             }
             RbirdWebsiteWidget.getInstance().noButton = !showButton;
-            RbirdSessionManager.getInstance().init(apiKey).then(() => {
+            return RbirdSessionManager.getInstance().init(apiKey).then(() => {
                 instance.initialized = true;
                 if (showButton) {
                     RbirdWebsiteWidget.getInstance().showButton(showButton);
                 }
                 // Initialize banner manager and display banners
-                runFunctionWhenDomIsReady(() => {
-                    const bannerManager = RbirdBannerManager.getInstance();
-                    bannerManager.injectStyles();
-                    bannerManager.init(apiKey);
-
-                    // Initialize form manager
-                    const formManager = RbirdFormManager.getInstance();
-                    formManager.init(apiKey);
+                return new Promise((resolve) => {
+                    runFunctionWhenDomIsReady(() => {
+                        const bannerManager = RbirdBannerManager.getInstance();
+                        bannerManager.injectStyles();
+                        bannerManager.init(apiKey);
+
+                        // Initialize form manager
+                        const formManager = RbirdFormManager.getInstance();
+                        formManager.init(apiKey);
+                        resolve();
+                    });
                 });
-            })
+            });
 
         } catch (e) {
             console.error(e);
+            return Promise.reject(e);
         }
     }