v11.0.0

Author: boehlerlukas

demo/main.js

@@ -5,7 +5,7 @@ Gleap.setApiUrl("http://0.0.0.0:9000");
 
 Gleap.setLanguage("de");
 
-Gleap.initialize("zhkMPoY1k41yhOus4BRwVKE7Qas5zbyA");
+Gleap.initialize("ogWhNhuiZcGWrva5nlDS8l7a78OfaLlV");
 //Gleap.setEnvironment("dev");
 
 /*Gleap.setUrlHandler((url, newTab) => {
@@ -27,14 +27,14 @@ Gleap.attachCustomData({
   },
 });
 
-Gleap.identify("@testinglukasaa", {
+/*Gleap.identify("@testinglukasaa", {
   name: "Max Doe",
   email: "lukas+atestaaa@gleap.io",
   value: 1234,
   phone: "+49123456789",
   testing: { "fun": 1123 },
   luki: 19283
-});
+});*/
 
 Gleap.log("Test log");
 Gleap.log("Test log info", "INFO");

package.json

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

src/GleapFrameManager.js

@@ -20,7 +20,7 @@ import { widgetMaxHeight } from "./UI";
 import { runFunctionWhenDomIsReady } from "./GleapHelper";
 
 export default class GleapFrameManager {
-  frameUrl = "https://messenger.gleap.io";
+  frameUrl = "https://messenger-app.gleap.io";
   gleapFrameContainer = null;
   gleapFrame = null;
   injectedFrame = false;
@@ -116,7 +116,7 @@ export default class GleapFrameManager {
 
   autoWhiteListCookieManager = () => {
     if (window && window.cmp_block_ignoredomains) {
-      window.cmp_block_ignoredomains.concat(["messenger.gleap.io"]);
+      window.cmp_block_ignoredomains.concat(["messenger-app.gleap.io"]);
     }
   };
 

src/GleapNotificationManager.js

@@ -145,20 +145,28 @@ export default class GleapNotificationManager {
       };
 
       if (notification.data.news) {
+        const renderDescription = () => {
+          if (notification.data.previewText && notification.data.previewText.length > 0) {
+            return `<div class="gleap-notification-item-news-preview">${notification.data.previewText}</div>`;
+          }
+
+          return `${notification.data.sender ? `
+          <div class="gleap-notification-item-news-sender">
+            ${notification.data.sender.profileImageUrl &&
+          `<img src="${notification.data.sender.profileImageUrl}" />`
+          } ${notification.data.sender.name}</div>`
+          : ""
+        }`;
+        };
+
         // News preview
         elem.className = "gleap-notification-item-news";
         elem.innerHTML = `
         <div class="gleap-notification-item-news-container">
-          ${notification.data.coverImageUrl ? `<img class="gleap-notification-item-news-image" src="${notification.data.coverImageUrl}" />` : ''}
+          ${notification.data.coverImageUrl && notification.data.coverImageUrl !== "" && !notification.data.coverImageUrl.includes("NewsImagePlaceholder") ? `<img class="gleap-notification-item-news-image" src="${notification.data.coverImageUrl}" />` : ''}
           <div class="gleap-notification-item-news-content">
           <div class="gleap-notification-item-news-content-title">${content}</div>
-            ${notification.data.sender ? `
-            <div  class="gleap-notification-item-news-sender">
-              ${notification.data.sender.profileImageUrl &&
-            `<img src="${notification.data.sender.profileImageUrl}" />`
-            } ${notification.data.sender.name}</div>`
-            : ""
-          }
+          ${renderDescription()}
           </div>
         </div>`;
       } else {

src/UI.js

@@ -340,24 +340,39 @@ export const injectStyledCSS = (
       padding: 15px;
     }
 
+    .gleap-notification-item-news-preview {
+      color: ${subTextColor};
+      font-size: 15px;
+      line-height: 21px;
+      font-weight: 400;
+      overflow-wrap: break-word;
+      word-break: break-word;
+      display: block;
+      display: -webkit-box;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+      overflow: hidden;
+    }
+
     .gleap-notification-item-news-sender {
       display: flex;
       align-items: center;
       color: ${subTextColor};
-      font-size: 14px;
+      font-size: 15px;
+      line-height: 21px;
       font-weight: 400;
     }
 
     .gleap-notification-item-news-content-title {
-      font-size: 14px;
+      color: ${contrastBackgroundColor};
+      font-size: 15px;
       font-weight: 500;
-      line-height: 18px;
+      line-height: 21px;
       margin-bottom: 6px;
       max-width: 100%;
+      -webkit-line-clamp: 3;
+      -webkit-box-orient: vertical;
       overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      color: ${contrastBackgroundColor};
     }
 
     .gleap-notification-item-news-sender img {