v13.0.6

Author: boehlerlukas

demo/main.js

@@ -1,12 +1,12 @@
 const Gleap = window.Gleap;
 
-/*Gleap.setFrameUrl("http://0.0.0.0:3001");
+Gleap.setFrameUrl("http://0.0.0.0:3001");
 Gleap.setApiUrl("http://0.0.0.0:9000");
-Gleap.setWSApiUrl("ws://0.0.0.0:8080");*/
+Gleap.setWSApiUrl("ws://0.0.0.0:8080");
 
 // Gleap.setLanguage("en");
 
-Gleap.initialize("ogWhNhuiZcGWrva5nlDS8l7a78OfaLlV");
+Gleap.initialize("rinrKZAvjqOheSjpdUjFnp01tSOF3WTd");
 
 /*Gleap.setUrlHandler((url, newTab) => {
   alert("URL: " + url + " newTab: " + newTab);

package.json

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

src/GleapProductTours.js

@@ -80,17 +80,25 @@ export default class GleapProductTours {
             driverSteps.push(driverStep);
         }
 
+        var buttons = [
+            'next',
+            'close'
+        ];
+
+        console.log("config.backButton", config);
+        if (config.backButton) {
+            buttons.push('previous');
+        }
+
         const gleapTourObj = GleapTours({
             showProgress: true,
             steps: driverSteps,
             showProgress: steps.length > 1,
             allowClose: config.allowClose,
             nextBtnText: config.nextText,
             doneBtnText: config.doneText,
-            showButtons: [
-                'next',
-                'close'
-            ],
+            prevBtnText: config.prevText,
+            showButtons: buttons,
             onDestroyStarted: () => {
                 if (!gleapTourObj.hasNextStep()) {
                     gleapTourObj.destroy();

src/UI.js

@@ -1607,6 +1607,12 @@ export const injectStyledCSS = (
       }
     }
 
+    .gleap-tour-message,
+    .gleap-tour-message p,
+    .gleap-tour-message ul {
+      color: ${contrastBackgroundColor};
+    }
+
     .gleap-tour-message p {
       line-height: 1.3;
     }
@@ -1928,6 +1934,17 @@ export const injectStyledCSS = (
       box-shadow: none !important;
       outline: none !important;
     }
+
+    .gleap-tour-popover-prev-btn {
+      color: ${contrastBackgroundColor} !important;
+      background-color: ${backgroundColorHover} !important;
+      margin-right: 3px;
+    }
+
+    .gleap-tour-popover-prev-btn:hover {
+      background-color: ${primaryColor}22 !important;
+      color: ${primaryColor} !important;
+    }
     
     .gleap-tour-popover-footer .gleap-tour-popover-btn-disabled {
       opacity: 0.5;