v11.0.5

Author: boehlerlukas

build/index.js

@@ -5,7 +5,8 @@ Gleap.setApiUrl("http://0.0.0.0:9000");
 
 Gleap.setLanguage("de");
 
-Gleap.initialize("ogWhNhuiZcGWrva5nlDS8l7a78OfaLlV");
+Gleap.initialize("hQ6xS3YZoQ69XV6CYYmyVSav1RDM5TIv");
+Gleap.open();
 //Gleap.setEnvironment("dev");
 
 /*Gleap.setUrlHandler((url, newTab) => {
@@ -14,8 +15,8 @@ Gleap.initialize("ogWhNhuiZcGWrva5nlDS8l7a78OfaLlV");
 
 Gleap.playSound(false);
 
-Gleap.on("unread-count-changed", (data) => {
-  console.log("unread-count-changed", data);
+Gleap.on("initialized", (data) => {
+  console.log("initialized", data);
 });
 
 Gleap.attachCustomData({

demo/main.js

@@ -1,6 +1,6 @@
 {
   "name": "gleap",
-  "version": "11.0.4",
+  "version": "11.0.5",
   "main": "build/index.js",
   "scripts": {
     "start": "webpack serve",

package.json

@@ -180,6 +180,9 @@ class Gleap {
 
               // Check for URL params.
               Gleap.checkForUrlParams();
+
+              // Notify event.
+              GleapEventManager.notifyEvent("initialized");
             });
           })
           .catch(function (err) {

published/11.0.5/index.js

@@ -12,6 +12,15 @@ const parseIntWithDefault = (val, def) => {
 export default class GleapConfigManager {
   flowConfig = null;
   projectActions = null;
+  onConfigLoadedListener = [];
+
+  onConfigLoaded = (onConfigLoaded) => {
+    if (this.flowConfig !== null) {
+      onSessionReady();
+    } else {
+      this.onConfigLoadedListener.push(onConfigLoaded);
+    }
+  };
 
   // GleapConfigManager singleton
   static instance;
@@ -105,6 +114,15 @@ export default class GleapConfigManager {
     );
   }
 
+  notifyConfigLoaded() {
+    if (this.onConfigLoadedListener.length > 0) {
+      for (var i = 0; i < this.onConfigLoadedListener.length; i++) {
+        this.onConfigLoadedListener[i]();
+      }
+    }
+    this.onConfigLoadedListener = [];
+  }
+
   /**
    * Applies the Gleap config.
    * @param {*} config
@@ -148,6 +166,8 @@ export default class GleapConfigManager {
       GleapTranslationManager.getInstance().updateRTLSupport();
 
       Gleap.enableShortcuts(flowConfig.enableShortcuts ? true : false);
+
+      this.notifyConfigLoaded();
     } catch (e) { }
   }
 

published/latest/index.js

@@ -130,27 +130,29 @@ export default class GleapFrameManager {
 
     this.autoWhiteListCookieManager();
 
-    // Apply CSS.
-    GleapConfigManager.getInstance().applyStylesFromConfig();
-
     // Inject the frame manager after it has been loaded.
     runFunctionWhenDomIsReady(() => {
-      // Inject widget HTML.
-      var elem = document.createElement("div");
-      elem.className =
-        "gleap-frame-container gleap-frame-container--hidden gl-block";
-      elem.innerHTML = `<div class="gleap-frame-container-inner"><iframe src="${this.frameUrl}" class="gleap-frame" scrolling="yes" title="Gleap Widget Window" allow="autoplay; encrypted-media; fullscreen;" frameborder="0"></iframe></div>`;
-      document.body.appendChild(elem);
+      GleapConfigManager.getInstance().onConfigLoaded(() => {
+        // Apply CSS.
+        GleapConfigManager.getInstance().applyStylesFromConfig();
 
-      this.gleapFrameContainer = elem;
-      this.gleapFrame = document.querySelector(".gleap-frame");
+        // Inject widget HTML.
+        var elem = document.createElement("div");
+        elem.className =
+          "gleap-frame-container gleap-frame-container--hidden gl-block";
+        elem.innerHTML = `<div class="gleap-frame-container-inner"><iframe src="${this.frameUrl}" class="gleap-frame" scrolling="yes" title="Gleap Widget Window" allow="autoplay; encrypted-media; fullscreen;" frameborder="0"></iframe></div>`;
+        document.body.appendChild(elem);
 
-      this.updateFrameStyle();
+        this.gleapFrameContainer = elem;
+        this.gleapFrame = document.querySelector(".gleap-frame");
 
-      // Show loading preview for widget app mode.
-      if (this.appMode === "widget") {
-        this.showFrameContainer(true);
-      }
+        this.updateFrameStyle();
+
+        // Show loading preview for widget app mode.
+        if (this.appMode === "widget") {
+          this.showFrameContainer(true);
+        }
+      });
     });
   };