@chat21/chat21-ionic 3.0.90 → 3.0.91-rc.1

package/CHANGELOG.md

@@ -1,5 +1,10 @@
 # chat21-ionic ver 3.0
 
+### 3.0.91-rc.1
+- added: pin-unpin canned (starting)
+- bug-fixed: undefined in conversationsHandlerService firebase env with TOUCHING_OPERATOR info message
+- bug-fixed: a html tag is outsite its container
+
 ### 3.0.90 in PROD
 
 ### 3.0.90-rc.7

package/package.json

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

package/src/app/app.component.ts

@@ -1294,7 +1294,7 @@ export class AppComponent implements OnInit {
   }
 
   private initConversationsHandler(userId: string) {
-    const keys = ['YOU'];
+    const keys = ['YOU', 'INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU'];
     const translationMap = this.translateService.translateLanguage(keys);
 
     this.logger.log('[APP-COMP] initConversationsHandler ------------->', userId, this.tenant);

package/src/app/app.module.ts

@@ -226,7 +226,7 @@ export function uploadFactory(http: HttpClient, appConfig: AppConfigProvider, ap
   const config = appConfig.getConfig()
   if (config.uploadEngine === UPLOAD_ENGINE_NATIVE) {
     const nativeUploadService = new NativeUploadService(http, appStorage)
-    nativeUploadService.setBaseUrl(config.apiUrl)
+    nativeUploadService.setBaseUrl(config.baseImageUrl)
     return nativeUploadService
   } else {
     return new FirebaseUploadService();

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

@@ -57,7 +57,7 @@
 
 
     <!-- [tooltip]="timeTooltipLeft" [options]="tooltipOptions" placement="left" content-type="template" (click)="handleTooltipEvents($event)" -->
-    <div *ngIf="message?.text" style="display: flex; margin: 0px 0px 0px 0px;"> 
+    <div *ngIf="message?.text"> 
 
       <!-- <ng-template #timeTooltipLeft>
         <span>{{message.timestamp | amTimeAgo}} ({{message.timestamp | amLocal | amDateFormat: 'L HH:mm:ss'}})</span>

package/src/app/components/canned-response/canned-response.component.html

@@ -8,6 +8,8 @@
         <ion-input [class.readonly]="canned?.disabled" [readonly]="canned?.disabled" type="text" [(ngModel)]="canned.title" class="title" id="{{'titleCanned_'+canned._id}}" #title></ion-input>
         <ion-input [class.readonly]="canned?.disabled" [readonly]="canned?.disabled" type="text" [(ngModel)]="canned.text"  class="text truncate"></ion-input>
       </div>
+      <!-- <ion-icon class="canned-item-icon" name="pin" src="assets/images/pin.svg" slot=end *ngIf="canned.pinned" (click)="onPinCanned(canned, $event)"></ion-icon>
+      <ion-icon class="canned-item-icon" name="pin" src="assets/images/pinned.svg" slot=end (click)="onUnPinCanned(canned, $event)"></ion-icon> -->
       <ion-icon class="canned-item-icon"  name="checkmark-sharp" slot=end *ngIf="canned.createdBy === loggedUser.uid && !canned.disabled" (click)="onConfirmEditCanned(canned, $event)"></ion-icon>
       <ion-icon class="canned-item-icon"  name="pencil-sharp" slot=end *ngIf="canned.createdBy === loggedUser.uid && canned.disabled" (click)="onEditCanned(canned, $event)"></ion-icon>
       <ion-icon class="canned-item-icon"  name="trash-bin-outline" slot=end *ngIf="canned.createdBy === loggedUser.uid" (click)="onDeleteCanned(canned, $event)"></ion-icon>

package/src/app/components/canned-response/canned-response.component.ts

@@ -250,6 +250,18 @@ export class CannedResponseComponent implements OnInit {
     })
   }
 
+  onPinCanned(canned, ev){
+    ev.preventDefault()
+    ev.stopPropagation()
+    this.logger.log('[CANNED] onPinCanned ', canned)
+  }
+
+  onUnPinCanned(canned, ev){
+    ev.preventDefault()
+    ev.stopPropagation()
+    this.logger.log('[CANNED] onUnPinCanned ', canned)
+  }
+
   onClickCannedFN(canned, event){
     if(!canned.disabled){
       event.preventDefault();

package/src/app/components/conversation-info/advanced-info-accordion/advanced-info-accordion.component.scss

@@ -1,12 +1,13 @@
 /* Style the buttons that are used to open and close the accordion panel */
 .advanced-info-accordion {
     transition: 0.4s;
+    --background-hover: #f5f7f9;
+    --ripple-color: transparent;
 }
 
 /* Style the accordion panel. Note: hidden by default */
 .advanced-info-panel {
     padding: 0 18px;
-    background-color: white;
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.2s ease-out;
@@ -33,6 +34,8 @@
     position: absolute;
     right: 0px !important;
     transition: all 0.3s linear;
+    color: var(--basic-blue);
+    
 }
 .absolute-icon.active {
     -ms-transform: rotate(180deg);

package/src/app/components/conversation-info/info-direct/info-direct.component.scss

@@ -1,3 +1,7 @@
+ion-content{
+    --background: var(--list-bkg-color);
+}
+
 .member-profile {
 
     .status-profile{
@@ -76,6 +80,7 @@
         cursor: pointer;
         position: relative;
         transition: all 0.2s ease-in-out 0s;
+        width: 100%;
 
         &:hover{
             background-color: #f5f7f9;

package/src/app/components/conversation-info/info-direct/info-direct.component.ts

@@ -51,6 +51,9 @@ export class InfoDirectComponent implements OnInit, AfterViewInit, OnChanges {
   /** */
   initialize() {
     this.logger.log('InfoDirectComponent - initialize');
+    if(this.advancedAttributes.filter(el => el.value === this.conversationWith).length > 0){
+      return;
+    }
     this.advancedAttributes.push({key: "USER_ID", value: this.conversationWith, icon: 'code'})
     this.logger.log('InfoDirectComponent - advancedAttributes' , this.advancedAttributes);
   }

package/src/assets/images/pin.svg

@@ -0,0 +1 @@
+<svg id="pin" data-name="pin" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.46 17"><path class="cls-1" d="M10.88,13.65l.37,2.59-.87,1.05L6.72,14.22,3.2,18.42l-1,.08-.09-1,3.52-4.2L2,10.27l.87-1,2.52-.17,4.85-5.78-.87-.74.88-1,7.21,6.05-.88,1-.87-.73ZM4.3,10.41,9.74,15l-.23-1.82L14.69,7,11.31,4.15,6.13,10.32Z" transform="translate(-2.02 -1.5)"/></svg>

package/src/assets/images/pinned.svg

@@ -0,0 +1,3 @@
+<svg id="pinned" data-name="pinned" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.46 17">
+    <path d="M10.88,13.65l.37,2.59-.87,1.05L6.72,14.22,3.2,18.42l-1,.08-.09-1,3.52-4.2L2,10.27l.87-1,2.52-.17,4.85-5.78-.87-.74.88-1,7.21,6.05-.88,1-.87-.73Z" transform="translate(-2.02 -1.5)"/>
+</svg>

package/src/assets/js/chat21client.js

@@ -1,7 +1,7 @@
 /*
     Chat21Client
 
-    v0.1.12.3
+    v0.1.12.4
 
     @Author Andrea Sponziello
     (c) Tiledesk 2020
@@ -965,7 +965,7 @@ class Chat21Client {
         if (this.client) {
             this.client.end()
         }
-        const presence_topic = 'apps/tilechat/users/' + this.user_id + '/presence/' + this.client_id
+        this.presence_topic = 'apps/tilechat/users/' + this.user_id + '/presence/' + this.client_id
         let options = {
             keepalive: 10,
             // protocolId: 'MQTT',
@@ -974,7 +974,7 @@ class Chat21Client {
             reconnectPeriod: 1000,
             // connectTimeout: 30 * 1000,
             will: {
-                topic: presence_topic,
+                topic: this.presence_topic,
                 payload: '{"disconnected":true}',
                 qos: 1,
                 retain: true
@@ -984,7 +984,7 @@ class Chat21Client {
             password: jwt,
             rejectUnauthorized: false
         }
-        if (this.log) {console.log("starting mqtt connection with LWT on:", presence_topic, this.endpoint)}
+        if (this.log) {console.log("starting mqtt connection with LWT on:", this.presence_topic, this.endpoint)}
         // client = mqtt.connect('mqtt://127.0.0.1:15675/ws',options)
         this.client = mqtt.connect(this.endpoint,options)
         
@@ -998,6 +998,15 @@ class Chat21Client {
                         callback();
                     });
                 }
+                this.client.publish(
+                    this.presence_topic,
+                    JSON.stringify({connected: true}),
+                    null, (err) => {
+                        if (err) {
+                            console.error("Error con presence publish:", err);
+                        }
+                    }
+                );
             }
         );
         this.client.on('reconnect',
@@ -1022,6 +1031,20 @@ class Chat21Client {
         );
     }
 
+    ImHere() {
+        if (this.client) {
+            this.client.publish(
+                this.presence_topic,
+                JSON.stringify({connected: true}),
+                null, (err) => {
+                    if (err) {
+                        console.error("Error on presence publish:", err);
+                    }
+                }
+            );
+        }
+    }
+
     close(callback) {
         if (this.topic_inbox) {
             this.client.unsubscribe(this.topic_inbox, (err)  => {

package/src/chat-config-pre.json

@@ -26,7 +26,7 @@
     "baseImageUrl": "https://firebasestorage.googleapis.com/v0/b/",
     "dashboardUrl": "https://support-pre.tiledesk.com/dashboard/",
     "testsiteBaseUrl": "https://widget-pre.tiledesk.com/v5/assets/twp/index.html",
-    "logLevel": "error",
+    "logLevel": "DEBUG",
     "authPersistence": "LOCAL",
     "supportMode": true,
     "archivedButton": true,

package/src/chat21-core/providers/firebase/firebase-conversations-handler.ts

@@ -629,12 +629,8 @@ export class FirebaseConversationsHandler extends ConversationsHandlerService {
 
     translateInfoSupportMessages(conv) {
         const INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU = this.translationMap.get('INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU');
-        // console.log('[FIREBASEConversationsHandlerSERVICE] INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU', INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU) 
         if ((conv.attributes && conv.attributes.messagelabel && conv.attributes.messagelabel.key === TOUCHING_OPERATOR) && conv.sender === "system") {
-            // console.log('FIREBASEConversationsHandlerSERVICE last_message_text', conv.last_message_text)
             const textAfterColon = conv.last_message_text.split(":")[1]
-            // console.log('FIREBASEConversationsHandlerSERVICE last_message_text - textAfterColon', textAfterColon)
-            // message.text = INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU + ' ' + textAfterColon;
             if (textAfterColon !== undefined) {
                 conv.last_message_text = INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU + ': ' + textAfterColon;
             }

package/src/chat21-core/providers/firebase/firebase-notifications.ts

@@ -13,7 +13,6 @@ import 'firebase/auth';
 
 export class FirebaseNotifications extends NotificationsService {
 
-    // public BUILD_VERSION: string;
     private FCMcurrentToken: string;
     private userId: string;
     private tenant: string;

package/src/chat21-core/providers/mqtt/mqtt-notifications.ts

@@ -16,7 +16,7 @@ import { Chat21Service } from './chat-service';
   })
 export class MQTTNotifications extends NotificationsService {
     
-  public BUILD_VERSION: string;
+  // public BUILD_VERSION: string;
   private FCMcurrentToken: string;
   private userId: string;
   private tenant: string;