v13.5.3

Author: boehlerlukas

build/cjs/index.js

@@ -34,4 +34,4 @@ Gleap.on("tool-execution", (tool) => {
 
 Gleap.setTicketAttribute("notes", "This is a test value.");
 
-Gleap.initialize("BXFtGQF5hRAJZqnyOAzSGH3NbEM4frFx");
+Gleap.initialize("QTJpSeGQXMQPXxKqaXB8ZSBmZ57idbgS");

build/esm/index.mjs

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

demo/main.js

@@ -4,6 +4,7 @@ import Gleap, {
   GleapFrameManager,
   GleapSession,
   GleapAudioManager,
+  GleapTranslationManager,
   GleapEventManager,
 } from "./Gleap";
 import { loadFromGleapCache, saveToGleapCache } from "./GleapHelper";
@@ -263,5 +264,7 @@ export default class GleapNotificationManager {
         this.notificationContainer.classList.add(classNoButton);
       }
     }
+
+    this.notificationContainer.setAttribute("dir", GleapTranslationManager.getInstance().isRTLLayout ? "rtl" : "ltr");
   }
 }

package.json

@@ -385,6 +385,17 @@ export const injectStyledCSS = (
       right: initial !important;
     }
 
+    [dir=rtl].gleap-notification-container {
+      left: ${4 + buttonX}px;
+      right: initial !important;
+    }
+
+    [dir=rtl].gleap-notification-container--left {
+      left: initial !important;
+      right: ${buttonX}px !important;
+      align-items: flex-start !important;
+    }
+
     .gleap-notification-container--no-button {
       bottom: ${buttonY}px;
     }
@@ -544,7 +555,7 @@ export const injectStyledCSS = (
       line-height: 21px;
       font-weight: 400;
     }
-
+    
     .gleap-notification-item-news-content-title {
       color: ${contrastBackgroundColor};
       font-size: 15px;
@@ -565,6 +576,11 @@ export const injectStyledCSS = (
       width: 20px;
     }
 
+    [dir=rtl] .gleap-notification-item-news-sender img {
+      margin-left: 8px;
+      margin-right: 0px !important;
+    }
+
     .gleap-notification-item-news-container {
       display: flex;
       animation: fadeIn;
@@ -608,6 +624,11 @@ export const injectStyledCSS = (
       cursor: pointer;
     }
 
+    [dir=rtl] .gleap-notification-item img {
+      margin-left: 8px;
+      margin-right: 0px !important;
+    }
+
     .gleap-notification-item-container {
       box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2);
       border-radius: ${chatRadius}px;
@@ -1503,6 +1524,7 @@ export const injectStyledCSS = (
     }
 
     @media only screen and (max-width: 450px) {
+      [dir=rtl].gleap-frame-container,
       .gleap-frame-container {
         left: 0px;
         right: 0px;