@chat21/chat21-web-widget 5.0.94-rc4 → 5.0.94-rc6

package/CHANGELOG.md

@@ -6,6 +6,12 @@
 ### **Copyrigth**: 
 *Tiledesk SRL*
 
+# 5.0.94-rc6
+- **bug-fixed**: logoChat is not rendered if contains special characters (ex. "(" or ")" ) in the name of the resource
+
+# 5.0.94-rc5
+- **bug-fixed**: onNewConversationWithMessage create new conv and not use che current one just created
+
 # 5.0.94-rc4
 - **added**: publish onMessageCreated only if status is >= 100
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@chat21/chat21-web-widget",
   "author": "Tiledesk SRL",
-  "version": "5.0.94-rc4",
+  "version": "5.0.94-rc6",
   "license": "MIT",
   "homepage": "https://www.tiledesk.com",
   "repository": {

package/src/app/app.component.scss

@@ -128,47 +128,6 @@ body {
 // 	// -webkit-animation: fade-in-dw-up 0.7s cubic-bezier(0.600, -0.280, 0.735, 0.045) 0.8s;
 // 	//         animation: fade-in-dw-up 0.7s cubic-bezier(0.600, -0.280, 0.735, 0.045) 0.8s;
 // }
-.avatar-project {
-    position: relative;
-    padding: 0;
-    margin: 0;
-    height: 70px;//52px;
-    width: 80px; //100%;
-    line-height: 52px;
-
-    .avatar-placeholder {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        border-radius: 50%;
-        max-width: 52px;
-        text-align: center;
-        font-size: 20px;
-        color: #ffffff;
-        font-weight: 500;
-    }
-    .avatar-image {
-        position: absolute;
-        top: 0;
-        bottom: 0;
-        margin: 0px;
-        left: 0;
-        width: 100%; //90%;
-        height: 100%; //80%;
-        // max-width: 42px;
-        max-height: 100%; //32px;
-        text-align: left;
-        background-color: transparent;
-        background-repeat: no-repeat;
-        background-size: contain;
-        background-attachment: initial;
-        background-position: left;
-        background-origin: content-box;
-    }
-}
-
 
 textarea::placeholder {
     color: var(--gray);  

package/src/app/app.component.ts

@@ -728,7 +728,7 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
         /** allow to start conversation with an hidden message (without publishing 'new_conversation' event) */
         this.logger.debug('[APP-COMP] AppComponent::startNewConversation hiddenMessage',this.g.hiddenMessage );
         if(this.g.hiddenMessage){
-            this.onNewConversationWithMessage(this.g.hiddenMessage)
+            this.onNewConversationWithMessage(newConvId, this.g.hiddenMessage)
         }
 
         this.triggerNewConversationEvent(newConvId);
@@ -1791,24 +1791,20 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
     }
 
 
-    onNewConversationWithMessage(text: string, subType: string = 'info'){
+    onNewConversationWithMessage(recipientId: string, text: string, subType: string = 'info'){
         this.logger.log('[APP-COMP] onNewConversationWithMessage in APP COMPONENT', text);
 
-        const newConvId = this.generateNewUidConversation();
-        this.g.setParameter('recipientId', newConvId);
-        this.appStorageService.setItem('recipientId', newConvId)
-
         let message: any = {}
         message.attributes = { subtype: subType, ...this.g.attributes}
         message.userAgent = this.g.attributes['client']
-        message.request_id = newConvId
+        message.request_id = recipientId
         message.sourcePage = this.g.attributes['sourcePage']
         message.language = this.g.lang
         message.text = '/'+ text
         message.participants = this.g.participants
         message.departmentid = this.g.attributes.departmentId
         // this.sendMessage(message)
-        this.tiledeskRequestsService.sendMessageToRequest(newConvId, this.g.tiledeskToken, message)
+        this.tiledeskRequestsService.sendMessageToRequest(recipientId, this.g.tiledeskToken, message)
         return;
     }
 

package/src/app/component/home/home.component.html

@@ -27,9 +27,7 @@
             <div class="c21-header-content">
                 <!-- LOGO HEADER -->
                 <div *ngIf="g.project.logoChat !== 'nologo'" class='avatar-project' item-start>
-                    <!-- <div *ngIf="g.project.logoChat == 'tiledesklogo'" #avatarPlaceholder class="avatar-placeholder" [style.background-color]="g.project.color" [innerHTML]="g.project.avatar"></div>
-                    <div *ngIf="g.project.logoChat !== 'tiledesklogo'" #avatarImage class="avatar-image" [style.background-image]="'url(' + g.project.logoChat + ')'"></div> -->
-                    <div #avatarImage class="avatar-image" [style.background-image]="'url(' + g.project.logoChat + ')'"></div>
+                     <img #avatarImage class="avatar-image" [src]="g.project.logoChat"/>
                 </div>
 
                 <!-- MESSAGE HEADER -->

package/src/app/component/home/home.component.scss

@@ -39,6 +39,36 @@
             width: 100%;
             height: 100%;
             position: absolute;
+
+            .avatar-project {
+                position: relative;
+                padding: 0;
+                margin: 0;
+                height: 70px;//52px;
+                width: 80px; //100%;
+                line-height: 52px;
+            
+                .avatar-placeholder {
+                    position: absolute;
+                    top: 0;
+                    left: 0;
+                    width: 100%;
+                    height: 100%;
+                    border-radius: 50%;
+                    max-width: 52px;
+                    text-align: center;
+                    font-size: 20px;
+                    color: #ffffff;
+                    font-weight: 500;
+                }
+                .avatar-image {
+                    max-width: 100%;
+                    max-height: 100%;
+                    height: auto;
+                    width: auto;
+                }
+            }
+            
             .c21-header-button {
                 display: block;
                 width: 100%;