@chat21/chat21-web-widget 5.0.45 → 5.0.46-rc.2

package/src/chat21-core/utils/utils-message.ts

@@ -64,7 +64,7 @@ export function isUserBanned(message: any){
 
 /** */
 export function isMine(message: any) {
-    if (message.isSender) {
+    if (message && message.isSender) {
       return true;
     }
     return false;

package/src/chat21-core/utils/utils.ts

@@ -405,20 +405,20 @@ export function detectIfIsMobile(windowContext) {
 export function convertColorToRGBA(color, opacity) {
   let result = color;
   // console.log('convertColorToRGBA' + color, opacity);
-  if ( color.indexOf('#') > -1 ) {
+  if (color && color.indexOf('#') > -1 ) {
     color = color.replace('#', '');
     const r = parseInt(color.substring(0, 2), 16);
     const g = parseInt(color.substring(2, 4), 16);
     const b = parseInt(color.substring(4, 6), 16);
     result = 'rgba(' + r + ',' + g + ',' + b + ',' + opacity / 100 + ')';
-  } else if ( color.indexOf('rgba') > -1 ) {
+  } else if (color && color.indexOf('rgba') > -1 ) {
     const rgb = color.split(',');
     const r = rgb[0].substring(5);
     const g = rgb[1];
     const b = rgb[2];
     // const b = rgb[2].substring(1, rgb[2].length - 1);
     result = 'rgba(' + r + ',' + g + ',' + b + ',' + opacity / 100 + ')';
-  } else if ( color.indexOf('rgb(') > -1 ) {
+  } else if (color && color.indexOf('rgb(') > -1 ) {
     const rgb = color.split(',');
     // console.log(rgb);
     const r = rgb[0].substring(4);

package/src/iframe-style.css

@@ -179,4 +179,11 @@
 
     }
 
-
+.tiledesk-popup{
+    opacity: 1;
+    position: absolute;
+    inset: 0px;
+    outline-offset: -5px;
+    background-color: rgba(0, 0, 0, 0.35);
+    will-change: opacity;
+}