v14.2.1

Author: boehlerlukas

build/cjs/index.js

@@ -1,6 +1,6 @@
 {
   "name": "gleap",
-  "version": "14.2.0",
+  "version": "14.2.1",
   "main": "build/cjs/index.js",
   "module": "build/esm/index.mjs",
   "exports": {

build/esm/index.mjs

@@ -1,6 +1,6 @@
 import { loadIcon } from "./UI";
 import GleapTours from "./GleapTours";
-import Gleap, { GleapEventManager } from "./Gleap";
+import Gleap, { GleapEventManager, GleapSession } from "./Gleap";
 import GleapCopilotTours from "./GleapCopilotTours";
 
 const localStorageKey = "gleap-tour-data";
@@ -66,25 +66,38 @@ export default class GleapProductTours {
 
     const self = this;
 
-    if (delay > 0) {
-      return setTimeout(() => {
-        self.start();
-      }, delay);
-    } else {
-      return this.start();
-    }
+    // Validate product tour.
+    GleapSession.getInstance()
+      .validateProductTour(tourId)
+      .then(() => {
+        console.log("Product tour is live.");
+        if (delay > 0) {
+          return setTimeout(() => {
+            self.start();
+          }, delay);
+        } else {
+          return this.start();
+        }
+      })
+      .catch((error) => {
+        console.log("Product tour is not live. Cleaning up...");
+        console.error(error);
+
+        self.onComplete(false);
+      });
   }
 
   onComplete(success = true) {
-    if (success) {
-      const comData = {
-        tourId: this.productTourId,
-      };
+    const comData = {
+      tourId: this.productTourId,
+    };
 
+    if (success) {
       GleapEventManager.notifyEvent("productTourCompleted", comData);
       Gleap.trackEvent(`tour-${this.productTourId}-completed`, comData);
     } else {
-      console.warn("[Product tour] Selector not found");
+      GleapEventManager.notifyEvent("productTourQuit", comData);
+      Gleap.trackEvent(`tour-${this.productTourId}-quit`, comData);
     }
 
     // Clear data.

demo/index.html

@@ -483,4 +483,51 @@ export default class GleapSession {
       });
     });
   };
+
+  validateProductTour = (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/producttourvalidation");
+        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.status === "live") {
+                  resolve(tourData.config);
+                } else {
+                  reject();
+                }
+              } catch (exp) {
+                reject(exp);
+              }
+            } else {
+              reject();
+            }
+          }
+        };
+        http.send(
+          JSON.stringify({
+            outboundId: tourId,
+          })
+        );
+      });
+    });
+  };
 }