v6.0.0

Author: boehlerlukas

build/index.js

@@ -479,7 +479,7 @@
 
 .bb-feedback-type-description {
   font-family: "Inter", sans-serif;
-  color: #000000;
+  color: #59617d;
   font-size: 14px;
   line-height: 16px;
 }
@@ -1430,16 +1430,16 @@ textarea.bb-feedback-required {
   background: linear-gradient(135deg, #ed4337 0%, #c7372d 100%);
 }
 
-.bb-feedback-dialog--crashed .bb-feedback-send-button {
-  background-color: #ed4337;
+.bb-feedback-dialog--crashed .bb-feedback-dialog-header-title {
+  color: #fff;
 }
 
-.bb-feedback-dialog--crashed .bb-feedback-dialog-infoitem {
-  border-top: 2px solid #ed433777;
+.bb-feedback-dialog--crashed .bb-feedback-send-button {
+  color: #fff;
 }
 
-.bb-feedback-dialog--crashed .bb-feedback-dialog-infoitem {
-  background-color: #ed433709;
+.bb-feedback-dialog--crashed .bb-feedback-send-button {
+  background-color: #ed4337;
 }
 
 .bb-feedback-dialog--crashed

demo/bb.css

@@ -2,20 +2,34 @@ const Gleap = window.Gleap;
 
 window.onGleapLoaded = () => {
   console.log("LOADED.");
-
-  Gleap.identify(
-    "1",
-    "db5897fe20d33d8072babc477655eba5240e606cbde86deaa0c17e34eaef6201",
-    {
-      name: "Franz",
-      email: "x@x.com",
-    }
-  );
 };
 
-Gleap.setApiUrl("http://0.0.0.0:9000");
+// Gleap.setApiUrl("http://0.0.0.0:9000");
 
-Gleap.initialize("OcLgYN5vWavsjTrv1vjAjGj22INW0Xdz");
+// Sample for feedback type options
+Gleap.setMenuOptions([
+  {
+    title: "Report an issue",
+    description: "Found a bug? Let us know.",
+    icon: "https://i.ibb.co/CJV3jZ0/Subtract-1.png",
+    actionFlow: "default",
+    color: "#F4CAC8",
+  },
+  {
+    title: "Contact us",
+    description: "We are here to help.",
+    icon: "https://i.ibb.co/WcWGJ6S/Subtract.png",
+    actionFlow: "contact",
+    color: "#EFE2FF",
+  },
+  {
+    title: "Request a feature",
+    description: "Which feature would you like to see next?",
+    icon: "https://i.ibb.co/qsmt9WR/Subtract-2.png",
+    actionFlow: "featurerequest",
+    color: "#FFEEC2",
+  },
+]);
 
 Gleap.setFeedbackActions({
   bugreporting: {
@@ -194,43 +208,20 @@ Gleap.setFeedbackActions({
   },
 });
 
-// Sample for feedback type options
-Gleap.setMenuOptions([
-  {
-    title: "Report an issue",
-    description: "Found a bug? Let us know.",
-    icon: "https://i.ibb.co/CJV3jZ0/Subtract-1.png",
-    actionFlow: "default",
-    color: "#F4CAC8",
-  },
-  {
-    title: "Contact us",
-    description: "We are here to help.",
-    icon: "https://i.ibb.co/WcWGJ6S/Subtract.png",
-    actionFlow: "contact",
-    color: "#EFE2FF",
-  },
-  {
-    title: "Request a feature",
-    description: "Which feature would you like to see next?",
-    icon: "https://i.ibb.co/qsmt9WR/Subtract-2.png",
-    actionFlow: "featurerequest",
-    color: "#FFEEC2",
-  },
-]);
-
 Gleap.enableNetworkLogger();
 
 Gleap.setAppBuildNumber("2345");
 
 Gleap.enableReplays(true);
 
-Gleap.setColors("red", "blue", "green");
+Gleap.setColors("#ffffff", "#ffffff", "#ffffff");
 
 Gleap.enablePoweredBy(true);
 
 Gleap.enableCrashDetector(true, false);
 
+Gleap.enableRageClickDetector(true);
+
 // Sets the app's build number.
 Gleap.setAppBuildNumber(5);
 
@@ -242,3 +233,5 @@ Gleap.attachCustomData({
   test1: "Battle",
   data2: "Unicorn",
 });
+
+Gleap.initialize("ogWhNhuiZcGWrva5nlDS8l7a78OfaLlV");

demo/main.js

@@ -516,7 +516,7 @@ class Gleap {
       if (instance.enabledRageClickDetectorSilent) {
         Gleap.sendSilentBugReport("Rage click detected.");
       } else {
-        Gleap.startFeedbackFlow(instance.feedbackActions.crash);
+        Gleap.startFeedbackFlow("crash");
       }
     });
   }
@@ -571,7 +571,7 @@ class Gleap {
     instance.severity = priority;
     instance.feedbackType = "BUG";
 
-    this.startFeedbackFlow({}, true);
+    this.startFeedbackFlow(null, true);
   }
 
   /**
@@ -666,7 +666,7 @@ class Gleap {
       return;
     }
 
-    var feedbackOptions = {};
+    var feedbackOptions = null;
 
     // Try to load the specific feedback flow.
     if (feedbackFlow) {
@@ -842,7 +842,7 @@ class Gleap {
           )}\n`;
           Gleap.sendSilentBugReport(errorMessage);
         } else {
-          Gleap.startFeedbackFlow(self.feedbackActions.crash);
+          Gleap.startFeedbackFlow("crash");
         }
       }
 

published/6.0.0/index.js

@@ -14,6 +14,9 @@ export const injectColorCSS = (primaryColor, headerColor, buttonColor) => {
   const contrastHeaderColor = calculateContrast(headerColor);
   const contrastButtonColor = calculateContrast(buttonColor);
   const colorStyleSheet = `
+    .bb-screenshot-editor-drag-info {
+      color: ${contrastColor};
+    }
     .bb-logo-arrowdown {
       fill: ${contrastButtonColor};
     }
@@ -112,7 +115,7 @@ export const createWidgetDialog = function (
   content,
   back,
   showBack = true,
-  appendClass = "",
+  appendClass = ""
 ) {
   var elem = document.createElement("div");
   elem.className = "bb-feedback-dialog-container";
@@ -285,7 +288,7 @@ export const createFeedbackTypeDialog = function (
     optionsHTML,
     null,
     true,
-    fromBack ? 'bb-anim-fadeinfromback' : 'bb-anim-fadein'
+    fromBack ? "bb-anim-fadeinfromback" : "bb-anim-fadein"
   );
 
   // Hook actions
@@ -339,31 +342,39 @@ export const setLoadingIndicatorProgress = function (percentComplete) {
 
 export const loadIcon = function (name, color) {
   if (name === "bblogo") {
-    return `<svg class="bb-logo-logo" width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g clip-path="url(#clip0)">
-    <path d="M6.46038 34.119C1.1035 31.0262 -0.731897 24.1764 2.3609 18.8195C5.45369 13.4626 12.3035 11.6272 17.6604 14.72C23.0173 17.8128 24.8527 24.6626 21.7599 30.0195C16.1599 39.719 4.86038 36.8902 4.86038 36.8902L6.46038 34.119Z" fill="#9D50FF"/>
-    <path d="M28.2245 35.725C37.7381 32.997 43.2389 23.0733 40.5109 13.5598C37.7829 4.0462 27.8592 -1.4546 18.3457 1.27336C8.83213 4.00133 3.33133 13.925 6.05929 23.4386C10.9987 40.6644 29.6358 40.6466 29.6358 40.6466L28.2245 35.725Z" fill="#485BFF"/>
-    <mask id="mask0" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="5" y="0" width="37" height="41">
-    <path d="M28.2245 35.725C37.7381 32.997 43.2389 23.0733 40.5109 13.5598C37.7829 4.0462 27.8592 -1.4546 18.3457 1.27336C8.83213 4.00133 3.33133 13.925 6.05929 23.4386C10.9987 40.6644 29.6358 40.6466 29.6358 40.6466L28.2245 35.725Z" fill="#C4C4C4"/>
-    </mask>
-    <g mask="url(#mask0)">
-    <path d="M6.46038 34.119C1.1035 31.0262 -0.731897 24.1764 2.3609 18.8195C5.45369 13.4626 12.3035 11.6272 17.6604 14.72C23.0173 17.8128 24.8527 24.6626 21.7599 30.0195C16.1599 39.719 4.86038 36.8902 4.86038 36.8902L6.46038 34.119Z" fill="#9D50FF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M16.7633 12.5322C15.4531 14.1494 14.88 16.3205 14.8801 18.4C14.8801 20.4795 15.4531 22.6506 16.7633 24.2678C18.0277 25.8286 20.1099 27.04 23.5202 27.04C27.1157 27.04 28.9061 25.4568 29.8477 23.9515C30.5102 22.8924 30.7476 22.1184 30.8326 21.597C30.8895 21.2481 31.1666 20.96 31.5201 20.96H33.4401C33.7935 20.96 34.0842 21.2466 34.0541 21.5988C33.9747 22.5254 33.6684 23.8777 32.5606 25.6485C31.078 28.0187 28.2988 30.24 23.5202 30.24C19.2504 30.24 16.2124 28.6714 14.2769 26.2822C12.387 23.9494 11.6801 21.0005 11.6801 18.4C11.68 15.7995 12.387 12.8506 14.2768 10.5178C16.1142 8.24986 18.9448 6.72135 22.8795 6.57202C23.2327 6.55862 23.5202 6.84653 23.5202 7.2V9.12C23.5202 9.47346 23.2333 9.75818 22.8802 9.77472C19.8461 9.91683 17.9466 11.0715 16.7633 12.5322Z" fill="white"/>
-    <mask id="mask1" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="13" width="24" height="25">
-    <path d="M6.4605 34.119C1.10363 31.0262 -0.731775 24.1764 2.36102 18.8195C5.45381 13.4626 12.3036 11.6272 17.6605 14.72C23.0174 17.8128 24.8528 24.6626 21.76 30.0195C16.16 39.719 4.8605 36.8902 4.8605 36.8902L6.4605 34.119Z" fill="#101D49"/>
-    </mask>
-    <g mask="url(#mask1)">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M16.7633 12.5322C15.4531 14.1494 14.88 16.3205 14.8801 18.4C14.8801 20.4795 15.4531 22.6506 16.7633 24.2678C18.0277 25.8286 20.1099 27.04 23.5202 27.04C27.1157 27.04 28.9061 25.4568 29.8477 23.9515C30.875 22.3092 30.8801 21.3524 30.8801 20.96H34.08C34.08 21.8476 33.9577 23.4153 32.5606 25.6485C31.078 28.0187 28.2988 30.24 23.5202 30.24C19.2504 30.24 16.2124 28.6714 14.2769 26.2822C12.387 23.9494 11.6801 21.0005 11.6801 18.4C11.68 15.7995 12.387 12.8506 14.2768 10.5178C16.2124 8.1286 19.2504 6.56 23.5202 6.56V9.76C20.1099 9.76 18.0277 10.9714 16.7633 12.5322Z" fill="#FFC5F6"/>
-    </g>
-    <path d="M35.04 14.56C35.04 15.9738 33.8939 17.12 32.48 17.12C31.0662 17.12 29.92 15.9738 29.92 14.56C29.92 13.1462 31.0662 12 32.48 12C33.8939 12 35.04 13.1462 35.04 14.56Z" fill="white"/>
-    </g>
-    </g>
+    return `<svg width="41px" height="41px" viewBox="0 0 41 41" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Group</title>
     <defs>
-    <clipPath id="clip0">
-    <rect width="40.96" height="40.96" fill="white" transform="translate(0.47998 0.479996)"/>
-    </clipPath>
+        <path d="M22.8640197,35.1504495 C32.3776197,32.4224495 37.8784197,22.4987495 35.1504197,12.9852495 C32.4224197,3.4716495 22.4987197,-2.0291505 12.9852197,0.698809498 C3.47164965,3.4267795 -2.02915035,13.3504495 0.698809655,22.8640495 C5.63821965,40.0898495 24.2753197,40.0720495 24.2753197,40.0720495 L22.8640197,35.1504495 Z" id="path-1"></path>
+        <path d="M5.60186532,20.901389 C0.244995316,17.808589 -1.59040968,10.958789 1.50238532,5.60188901 C4.59517532,0.244989006 11.4449653,-1.59041099 16.8018653,1.50238901 C22.1587653,4.59518901 23.9941653,11.444989 20.9013653,16.801889 C15.3013653,26.501389 4.00186532,23.672589 4.00186532,23.672589 L5.60186532,20.901389 Z" id="path-3"></path>
     </defs>
-    </svg>`;
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Group" transform="translate(0.000000, -0.000000)">
+            <path d="M5.60186839,33.5444495 C0.244988386,30.4516495 -1.59040861,23.6018495 1.50238839,18.2449495 C4.59517839,12.8880495 11.4449884,11.0526495 16.8018884,14.1454495 C22.1587884,17.2382495 23.9941884,24.0880495 20.9013884,29.4449495 C15.3013884,39.1444495 4.00186839,36.3156495 4.00186839,36.3156495 L5.60186839,33.5444495 Z" id="Path" fill="#9D50FF" fill-rule="nonzero"></path>
+            <path d="M27.3659884,35.1504495 C36.8795884,32.4224495 42.3803884,22.4987495 39.6523884,12.9852495 C36.9243884,3.4716495 27.0006884,-2.0291505 17.4871884,0.698809498 C7.97361839,3.4267795 2.47281839,13.3504495 5.20077839,22.8640495 C10.1401884,40.0898495 28.7772884,40.0720495 28.7772884,40.0720495 L27.3659884,35.1504495 Z" id="Path" fill="#485BFF" fill-rule="nonzero"></path>
+            <g id="Clipped" transform="translate(4.501969, 0.000000)">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <g id="Path"></g>
+                <g id="Group" mask="url(#mask-2)">
+                    <g transform="translate(-4.501969, 5.997020)">
+                        <path d="M5.60186839,27.5474296 C0.244988386,24.4546296 -1.59040861,17.6048296 1.50238839,12.2479296 C4.59517839,6.89102957 11.4449884,5.05562957 16.8018884,8.14842957 C22.1587884,11.2412296 23.9941884,18.0910296 20.9013884,23.4479296 C15.3013884,33.1474296 4.00186839,30.3186296 4.00186839,30.3186296 L5.60186839,27.5474296 Z" id="Path" fill="#9D50FF" fill-rule="nonzero"></path>
+                        <path d="M15.9047884,5.96062957 C14.5945884,7.57782957 14.0214884,9.74892957 14.0215884,11.8284296 C14.0215884,13.9079296 14.5945884,16.0790296 15.9047884,17.6962296 C17.1691884,19.2570296 19.2513884,20.4684296 22.6616884,20.4684296 C26.2571884,20.4684296 28.0475884,18.8852296 28.9891884,17.3799296 C29.6516884,16.3208296 29.8890884,15.5468296 29.9740884,15.0254296 C30.0309884,14.6765296 30.3080884,14.3884296 30.6615884,14.3884296 L32.5815884,14.3884296 C32.9349884,14.3884296 33.2256884,14.6750296 33.1955884,15.0272296 C33.1161884,15.9538296 32.8098884,17.3061296 31.7020884,19.0769296 C30.2194884,21.4471296 27.4402884,23.6684296 22.6616884,23.6684296 C18.3918884,23.6684296 15.3538884,22.0998296 13.4183884,19.7106296 C11.5284884,17.3778296 10.8215884,14.4289296 10.8215884,11.8284296 C10.8215884,9.22792957 11.5284884,6.27902957 13.4182884,3.94622957 C15.2556884,1.67828957 18.0862884,0.149779575 22.0209884,0.000449574751 C22.3741884,-0.0129504252 22.6616884,0.274959575 22.6616884,0.628429575 L22.6616884,2.54842957 C22.6616884,2.90188957 22.3747884,3.18660957 22.0216884,3.20314957 C18.9875884,3.34525957 17.0880884,4.49992957 15.9047884,5.96062957 Z" id="Path" fill="#FFFFFF" fill-rule="evenodd"></path>
+                        <g id="Clipped" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(0.000123, 6.646041)">
+                            <mask id="mask-4" fill="white">
+                                <use xlink:href="#path-3"></use>
+                            </mask>
+                            <g id="Path"></g>
+                            <path d="M15.9046653,-0.685410994 C14.5944653,0.931789006 14.0213653,3.10288901 14.0214653,5.18238901 C14.0214653,7.26188901 14.5944653,9.43298901 15.9046653,11.050189 C17.1690653,12.610989 19.2512653,13.822389 22.6615653,13.822389 C26.2570653,13.822389 28.0474653,12.239189 28.9890653,10.733889 C30.0163653,9.09158901 30.0214653,8.13478901 30.0214653,7.74238901 L33.2213653,7.74238901 C33.2213653,8.62998901 33.0990653,10.197689 31.7019653,12.430889 C30.2193653,14.801089 27.4401653,17.022389 22.6615653,17.022389 C18.3917653,17.022389 15.3537653,15.453789 13.4182653,13.064589 C11.5283653,10.731789 10.8214653,7.78288901 10.8214653,5.18238901 C10.8214653,2.58188901 11.5283653,-0.367010994 13.4181653,-2.69981099 C15.3537653,-5.08901099 18.3917653,-6.65761099 22.6615653,-6.65761099 L22.6615653,-3.45761099 C19.2512653,-3.45761099 17.1690653,-2.24621099 15.9046653,-0.685410994 Z" id="Path" fill="#FFC5F6" mask="url(#mask-4)"></path>
+                        </g>
+                        <path d="M34.1814884,7.98842957 C34.1814884,9.40222957 33.0353884,10.5484296 31.6214884,10.5484296 C30.2076884,10.5484296 29.0614884,9.40222957 29.0614884,7.98842957 C29.0614884,6.57462957 30.2076884,5.42842957 31.6214884,5.42842957 C33.0353884,5.42842957 34.1814884,6.57462957 34.1814884,7.98842957 Z" id="Path" fill="#FFFFFF" fill-rule="nonzero"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>`;
   }
 
   if (name === "arrowdown") {

published/6.0.0/index.min.css

@@ -479,7 +479,7 @@
 
 .bb-feedback-type-description {
   font-family: "Inter", sans-serif;
-  color: #000000;
+  color: #59617d;
   font-size: 14px;
   line-height: 16px;
 }
@@ -1434,14 +1434,6 @@ textarea.bb-feedback-required {
   background-color: #ed4337;
 }
 
-.bb-feedback-dialog--crashed .bb-feedback-dialog-infoitem {
-  border-top: 2px solid #ed433777;
-}
-
-.bb-feedback-dialog--crashed .bb-feedback-dialog-infoitem {
-  background-color: #ed433709;
-}
-
 .bb-feedback-dialog--crashed
   .bb-feedback-inputgroup--privacy-policy
   [type="checkbox"]:not(:checked)