v12.5.0

Author: boehlerlukas

build/index.js

@@ -6,7 +6,7 @@ Gleap.setWSApiUrl("ws://0.0.0.0:8080");
 
 // Gleap.setLanguage("en");
 
-Gleap.initialize("81IAthSlhI4XfQTtedQ0d3OXt5WYynOX");
+Gleap.initialize("kqHBGdyxG0qq6gcfHDqgNkxg5r0Ut0Le");
 
 /*Gleap.setUrlHandler((url, newTab) => {
   alert("URL: " + url + " newTab: " + newTab);

demo/main.js

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

package.json

@@ -215,9 +215,11 @@ class Gleap {
       if (surveyFlow && surveyFlow.length > 0) {
         Gleap.showSurvey(surveyFlow, surveyFlowFormat === "survey_full" ? "survey_full" : "survey");
       }
-    } catch (exp) {
-      console.log(exp);
-    }
+      const tourId = urlParams.get('gleap_tour');
+      if (tourId && tourId.length > 0) {
+        Gleap.startProductTour(tourId);
+      }
+    } catch (exp) { }
   }
 
   /**
@@ -1029,14 +1031,21 @@ class Gleap {
         } else if (action.actionType === "banner") {
           Gleap.showBanner(action);
         } else if (action.actionType === "tour") {
-          Gleap.startProductTourWithConfig(action.id, action.data);
+          Gleap.startProductTourWithConfig(action.outbound, action.data);
         } else {
           Gleap.showSurvey(action.actionType, action.format);
         }
       }
     }
   }
 
+  static startProductTour(tourId) {
+    const self = this;
+    GleapSession.getInstance().startProductTourConfig(tourId).then((config) => {
+      self.startProductTourWithConfig(tourId, config);
+    }).catch((error) => { });
+  }
+
   static startProductTourWithConfig(tourId, config) {
     GleapProductTours.getInstance().startWithConfig(tourId, config, (data) => {
       const comData = {

published/12.5.0/index.js

@@ -65,7 +65,7 @@ export default class GleapProductTours {
             var driverStep = {
                 popover: {
                     description: message,
-                    popoverClass: `gleap-tour-popover-${step.type}`,
+                    popoverClass: `gleap-tour-popover-${step.type} ${config.allowClose && 'gleap-tour-popover-can-close'}`,
                 },
             }
             if (step.selector && step.selector.length > 0) {
@@ -101,6 +101,9 @@ export default class GleapProductTours {
                     const mediaElements = document.querySelectorAll('.gleap-tour-popover-description img, .gleap-tour-popover-description video');
 
                     const performRequentialRefresh = () => {
+                        setTimeout(() => {
+                            gleapTourObj.refresh();
+                        }, 500);
                         setTimeout(() => {
                             gleapTourObj.refresh();
                         }, 750);

published/latest/index.js

@@ -160,7 +160,7 @@ export default class GleapSession {
 
     this.notifySessionReady();
   };
-  
+
   startSession = (attemp = 0) => {
     // Check if we already have a session cookie.
     try {
@@ -285,7 +285,7 @@ export default class GleapSession {
               try {
                 const sessionData = JSON.parse(http.responseText);
                 self.validateSession(sessionData);
-                
+
                 // Initially track.
                 GleapStreamedEvent.getInstance().restart();
 
@@ -322,4 +322,47 @@ export default class GleapSession {
       });
     });
   };
+
+  startProductTourConfig = (tourId) => {
+    const self = this;
+    return new Promise((resolve, reject) => {
+      this.setOnSessionReady(function () {
+        if (!self.session.gleapId || !self.session.gleapHash) {
+          return reject("Session not ready yet.");
+        }
+
+        const http = new XMLHttpRequest();
+        http.open("POST", self.apiUrl + "/outbound/producttours");
+        http.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+        http.setRequestHeader("Api-Token", self.sdkKey);
+        try {
+          http.setRequestHeader("Gleap-Id", self.session.gleapId);
+          http.setRequestHeader("Gleap-Hash", self.session.gleapHash);
+        } catch (exp) { }
+
+        http.onerror = () => {
+          reject();
+        };
+        http.onreadystatechange = function (e) {
+          if (http.readyState === 4) {
+            if (http.status === 200 || http.status === 201) {
+              try {
+                const tourData = JSON.parse(http.responseText);
+                if (tourData && tourData.config) {
+                  resolve(tourData.config);
+                }
+              } catch (exp) {
+                reject(exp);
+              }
+            } else {
+              reject();
+            }
+          }
+        };
+        http.send(JSON.stringify({
+          outboundId: tourId
+        }));
+      });
+    });
+  };
 }

src/Gleap.js

@@ -1661,6 +1661,10 @@ export const injectStyledCSS = (
       padding: 5px 12px;
     }
 
+    .gleap-tour-popover-video-pointer.gleap-tour-popover-can-close .gleap-tour-popover-footer {
+      right: 40px !important;
+    }
+
     .gleap-tour-popover-video-pointer:hover .gleap-tour-popover-footer {
       opacity: 1;
     }