@chat21/chat21-ionic 3.4.19-rc1 → 3.4.19-rc3

package/CHANGELOG.md

@@ -8,6 +8,12 @@
 ### **Copyrigth**: 
 *Tiledesk SRL*
 
+# 3.4.19-rc3
+- **changed**: eml message link added from attributes 
+
+# 3.4.19-rc2
+- **bug-fixed**: minor fix on ion-texarea element with allowed url domain
+
 # 3.4.19-rc1
 - added: ability to check for if emoji is allowd to be sent in message textarea
 - added: ability to check for if url domain  is allowd to be sent in message textarea

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@chat21/chat21-ionic",
     "author": "Tiledesk SRL",
-    "version": "3.4.19-rc1",
+    "version": "3.4.19-rc3",
     "license": "MIT License",
     "homepage": "https://tiledesk.com/",
     "repository": {

package/src/app/chatlib/conversation-detail/message/text/text.component.html

@@ -1,5 +1,13 @@
-<!-- [ngStyle] = "{ 'width': message.type === 'image' ? media_width +'px' : ''  }" -->
 <p  #messageEl class="message_innerhtml marked"  
     [innerHTML]="printMessage(text, messageEl, this) | htmlEntiesEncode  | marked"
     [ngStyle]="{'color': '$'+ color }">
 </p>
+
+<span *ngIf="message?.attributes?.email_eml" class="email-eml">
+    <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" version="1.1" viewBox="0 0 100 125">
+        <path fill="#000" d="M91,50.5h-8v-12s0,0,0,0c0,0,0-.2,0-.3,0,0,0-.1,0-.2,0,0,0-.1,0-.2,0,0,0-.1-.1-.2,0,0,0,0,0-.1,0-.1-.2-.2-.2-.3l-19.1-19.1s0,0,0,0c0,0-.2-.2-.3-.2,0,0-.1,0-.2,0,0,0-.1,0-.2,0,0,0-.1,0-.2,0,0,0-.1,0-.2,0-.1,0-.2,0-.4,0H18.9c-1.1,0-1.9.9-1.9,1.9v31.1h-8c-1.1,0-2.1.9-2.1,2.1v29.4c0,1.2.9,2.1,2.1,2.1h8v21.5c0,1.1.9,1.9,1.9,1.9h62.2c1.1,0,1.9-.9,1.9-1.9v-21.5h8c1.1,0,2.1-.9,2.1-2.1v-29.4c0-1.1-.9-2.1-2.1-2.1ZM63.9,24l12.6,12.6h-12.6v-12.6ZM20.8,21.3h39.3v17.2c0,1.1.9,1.9,1.9,1.9h17.2v10.1H20.8v-29.2ZM79.1,72.4v5.3h-14.6v-20.8h5.9v15.5s8.7,0,8.7,0ZM60.9,77.8h-5.9l-.3-8.2c0-.2,0-.4,0-.7,0,.2-.1.3-.2.5l-2.3,8.1h-4.6l-2-7.8-.3,8.1h-5.7l1.2-20.8h6.9l1.9,7c.2.9.4,1.7.6,2.5.2-.8.4-1.7.6-2.5l2.1-7h6.8l1,20.8ZM35.5,64.2v5.3h-8.7v3h9.7v5.3h-15.6v-21h15.3v5.4h-9.3v2s8.7,0,8.7,0ZM79.2,103.7H20.8v-19.6h58.4s0,19.6,0,19.6Z"/>
+    </svg>
+    <p [innerHTML]="message?.attributes?.email_eml | marked"></p>
+</span>
+
+

package/src/app/chatlib/conversation-detail/message/text/text.component.scss

@@ -48,4 +48,15 @@ p ::ng-deep ol{
     }
 }
 
+.email-eml{
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    padding: 0px 14px 14px 0px;
+    
+    p {
+        padding: 0;
+    }
+}
+
 

package/src/app/chatlib/conversation-detail/message/text/text.component.ts

@@ -9,13 +9,13 @@ export class TextComponent implements OnInit {
 
   @Input() text: string;
   @Input() color: string;
+  @Input() fontSize: string;
+  @Input() fontFamily: string;
   @Output() onBeforeMessageRender = new EventEmitter();
   @Output() onAfterMessageRender = new EventEmitter();
 
   @Input() message: any;
 
-  public media_width: number;
-  public media_height: number;
 
   constructor() { }
 
@@ -34,23 +34,4 @@ export class TextComponent implements OnInit {
     return messageText;
   }
 
-  ngOnChanges() {
-    if (this.message.type === 'image') {
-      // console.log('TextComponent message ', this.message)
-      if (this.message.metadata.width && this.message.metadata.width > MAX_WIDTH_IMAGES) {
-
-        const ratio = (this.message.metadata['width'] / this.message.metadata['height']);
-
-        this.media_width = MAX_WIDTH_IMAGES;
-        this.media_height = MAX_WIDTH_IMAGES / ratio;
-
-        // console.log('TextComponent media_width ', this.media_width, ' media_height' ,  this.media_height)
-      } else {
-        this.media_width = this.message.metadata.width;
-        this.media_height = this.message.metadata.height;
-        // console.log('TextComponent media_width ', this.media_width, ' media_height' ,  this.media_height)
-      }
-    }
-  }
-
 }

package/src/app/components/conversation-detail/message-text-area/message-text-area.component.html

@@ -141,7 +141,7 @@
         </ion-textarea>
       </div>
       <div class="buttons-right">
-        <ion-button [disabled]="conversationEnabled === false" class="send-button right active" ion-button fill="clear"
+        <ion-button [disabled]="(conversationEnabled === false || showAlertEmoji || showAlertUrl )" class="send-button right active" ion-button fill="clear"
           (click)="sendMessage(messageString)">
           <ion-icon
             [ngClass]="{'send-msg-disabled': conversationEnabled === false,'send-msg-activated': conversationEnabled === true }"

package/src/app/components/conversation-detail/message-text-area/message-text-area.component.ts

@@ -504,6 +504,8 @@ export class MessageTextAreaComponent implements OnInit, AfterViewInit, OnChange
       this.conversationEnabled = false;
     }
 
+    this.showAlertEmoji= false;
+    this.showAlertUrl = false;
     let check = this.checkForEmojii(e.detail.value)
     if(!check){
       return;
@@ -623,14 +625,15 @@ export class MessageTextAreaComponent implements OnInit, AfterViewInit, OnChange
     this.logger.log('[CONVS-DETAIL][MSG-TEXT-AREA] sendMessage text', text);
     this.logger.log('[CONVS-DETAIL][MSG-TEXT-AREA] sendMessage conve width', this.conversationWith);
     // text.replace(/\s/g, "")
-    this.messageString = '';
-    // text = text.replace(/(\r\n|\n|\r)/gm, '');
-
     let checkUrlDomain = this.checkForUrlDomain(text)
     if(!checkUrlDomain){
       return
     }
 
+    this.messageString = '';
+    // text = text.replace(/(\r\n|\n|\r)/gm, '');
+
+
     if (text && text.trim() !== '') {
       this.eventSendMessage.emit({ msg: text, type: TYPE_MSG_TEXT, metadata: null, attributes: null });
     }