@chat21/chat21-ionic 3.4.26-rc1 → 3.4.26

package/CHANGELOG.md

@@ -8,10 +8,14 @@
 ### **Copyrigth**: 
 *Tiledesk SRL*
 
+# 3.4.26 in PROD
+
+# 3.4.26-rc2
+- **removed**: archive button on list conversations if is not on mobile device
+
 # 3.4.26-rc1
 - **added**: tiledesk_projectID query param to manage user status
 - **added**: token to managane ticket feature
-- **added**: getOsCode login into utils.ts
 
 # 3.4.25 in PROD
 - **changed**: pipe marked to support malicious text input
@@ -34,24 +38,6 @@
 # 3.4.22 in PROD
 - **added**: managed allowed_upload_extentions from project settings
 
-# 3.4.21-rc6
-- **added**: managed allowed_upload_extentions from project settings
-
-# 3.4.21-rc5
-- **added**: setConversation as read when agent click on it
-
-# 3.4.21-rc4
-- **added**: ability to init and decrement new conversation count badge
-
-# 3.4.21-rc3
-- **changed**: badge notification for agentDesktop
-
-# 3.4.21-rc2
-- **added**: count in newConversation handler event
-
-# 3.4.21-rc1
-- **added**:  implement badge notification for agentDesktop sw when new conversation is assigned to logged agent
-
 # 3.4.21 in PROD
 
 # 3.4.20 in PROD

package/package.json

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

package/src/app/app.component.ts

@@ -168,7 +168,6 @@ export class AppComponent implements OnInit {
     }, { capture: true });
   }
 
-
   listenChatAlreadyOpenWithoutParamsInMobileMode() {
     this.events.subscribe('noparams:mobile', (isAlreadyOpenInMobileMode) => {
       // console.log('[APP-COMP] Chat is Already Open In Mobile Mode ', isAlreadyOpenInMobileMode)
@@ -333,7 +332,7 @@ export class AppComponent implements OnInit {
 
   listenToPostMsgs() {
     window.addEventListener("message", (event) => {
-      // this.logger.log("[APP-COMP] message event ", event);
+      this.logger.log("[APP-COMP] message event ", event);
 
       if (event && event.data && event.data.action && event.data.parameter) {
         if (event.data.action === 'openJoinConversationModal') {
@@ -1111,7 +1110,6 @@ export class AppComponent implements OnInit {
       if (conversation && conversation.is_new === true && this.isInitialized) {
         this.manageTabNotification('conv_added', conversation.sound)
         this.manageEventNewConversation(conversation)
-        this.setNotification();
       }
       if(conversation) this.updateConversationsOnStorage()
     });
@@ -1346,10 +1344,7 @@ export class AppComponent implements OnInit {
 
   subscribeConversationSelected= (conversation: ConversationModel) => {
     if(conversation && conversation.is_new){
-      this.audio_NewConv.pause();
-      this.conversationsHandlerService.setConversationRead(conversation.uid)
-      //UPDATE NOTIFICATION FOR NEW CONVERSATION COUNT 
-      this.setNotification();
+      this.audio_NewConv.pause()
     }
   }
 
@@ -1425,9 +1420,6 @@ export class AppComponent implements OnInit {
         this.logger.debug('[APP-COMP]-CONVS - INIT CONV CONVS 2', conversations)
         this.events.publish('appcompSubscribeToConvs:loadingIsActive', false);
       }
-
-      //INIT NOTIFICATION FOR NEW CONVERSATION COUNT 
-      this.setNotification();
     });
 
   }
@@ -1644,14 +1636,6 @@ export class AppComponent implements OnInit {
     this.triggerEvents.triggerOnNewConversationInit(conversation)
   }
 
-  private setNotification() {
-    this.logger.log('[APP-COMP] setNotification for NEW CONVERSATION');
-    if(window['AGENTDESKTOP']){
-      this.logger.log('[APP-COMP] manageNotification AGENTDESKTOP exist', window['AGENTDESKTOP']);
-      window['AGENTDESKTOP']['TAB'].Badge(this.conversationsHandlerService.countIsNew().toString())
-    }
-  }
-
 
   @HostListener('document:visibilitychange', [])
   visibilitychange() {

package/src/app/chatlib/list-conversations-component/ion-list-conversations/ion-list-conversations.component.html

@@ -122,7 +122,7 @@
           {{conversation?.conversation_with_fullname}}
         </span>
       </div>
-      <div class="conversation_message truncate" [ngClass]="{'truncate-on-desktop': !isApp}">
+      <div class="conversation_message truncate" [ngClass]="{'truncate-on-desktop': !IS_ON_MOBILE_DEVICE}">
   
         <!-- -------------------------------------------------------------------------- -->
         <!-- if conversation type is image display the image icon before the message -->
@@ -130,7 +130,7 @@
         <!-- <div *ngIf="conversation.type === 'image'" class="icon-image-before-msg-wpr">
           <ion-icon name="image-outline" class="icon-image-before-msg"></ion-icon>
         </div>
-        <p [class.not-read]="conversation.is_new" class="truncate" [ngClass]="{'truncate-on-desktop': !isApp}"
+        <p [class.not-read]="conversation.is_new" class="truncate" [ngClass]="{'truncate-on-desktop': !IS_ON_MOBILE_DEVICE}"
           [innerHTML]="conversation.last_message_text"></p> -->
   
         <!-- <div *ngIf="conversation.type === 'image'" class="icon-image-before-msg-wpr"> -->
@@ -146,7 +146,7 @@
     </ion-label>
   </div>
 
-  <ion-note *ngIf="!conversation.archived" class="conversation_time" [ngClass]="{'is-on-mobile': isApp}">
+  <ion-note *ngIf="!conversation.archived" class="conversation_time" [ngClass]="{'is-on-mobile': IS_ON_MOBILE_DEVICE}">
     {{conversation.timestamp | amTimeAgo}}
   </ion-note>
   <ion-note item-end *ngIf="conversation?.archived" class="conversation_time">
@@ -162,7 +162,7 @@
 
   <ion-buttons slot="end">
     <ion-button *ngIf="!conversation.archived" placement="bottom"
-      [ngClass]="{'hide': !isApp, 'button-on-desktop': !isApp, 'button-on-mobile': isApp  }"
+      [ngClass]="{'hide': !IS_ON_MOBILE_DEVICE, 'button-on-desktop': !IS_ON_MOBILE_DEVICE, 'button-on-mobile': IS_ON_MOBILE_DEVICE  }"
       id="{{ 'close_conversation_button' + conversation.uid }}" class="close-conversation-button" ion-button clear
       item-end (click)="closeConversation(conversation);$event.stopPropagation();" padding>
       <ion-icon slot="icon-only" style="display:block;" id="{{ 'close_button_icon' + conversation.uid }}" name="archive-outline" item-end></ion-icon>
@@ -171,7 +171,7 @@
     </ion-button>
 
     <!-- <ion-button *ngIf="conversation?.recipient.startsWith('support-group') && !conversation.archived" [tooltip]="joinTooltip"  [options]="tooltip_options" placement="bottom"  content-type="template"
-      [ngClass]="{'hide': !isApp, 'button-on-desktop': !isApp, 'button-on-mobile': isApp  }"
+      [ngClass]="{'hide': !IS_ON_MOBILE_DEVICE, 'button-on-desktop': !IS_ON_MOBILE_DEVICE, 'button-on-mobile': IS_ON_MOBILE_DEVICE  }"
       id="{{ 'join_conversation_button' + conversation.uid }}" class="close-conversation-button" ion-button clear
       item-end (click)="joinConversation(conversation);$event.stopPropagation();" padding>
       <ion-icon slot="icon-only" style="display:block;" id="{{ 'join_button_icon' + conversation.uid }}" name="link-outline" item-end></ion-icon>
@@ -193,7 +193,7 @@
 
   <!-- && !conversation?.archived -->
   <div item-end class="notification_point"
-    [ngClass]="{'notification_point-on-desktop': !isApp, 'notification_point-on-mobile': isApp }"
+    [ngClass]="{'notification_point-on-desktop': !IS_ON_MOBILE_DEVICE, 'notification_point-on-mobile': IS_ON_MOBILE_DEVICE }"
     *ngIf="conversation.is_new">
   </div>
 

package/src/app/chatlib/list-conversations-component/ion-list-conversations/ion-list-conversations.component.scss

@@ -187,6 +187,10 @@ ion-item:hover {
     ion-buttons {
         ion-button {
             display: block;
+
+            &.hide {
+                display: none;
+            }
         }
     }
 }

package/src/app/chatlib/list-conversations-component/ion-list-conversations/ion-list-conversations.component.ts

@@ -102,9 +102,8 @@ export class IonListConversationsComponent extends ListConversationsComponent im
 
   }
   ngOnInit() {
-    this.isApp = this.platform.is('ios') || this.platform.is('android')
-    this.logger.log('[ION-LIST-CONVS-COMP] - ngOnInit - IS-APP ', this.isApp);
     this.IS_ON_MOBILE_DEVICE = isOnMobileDevice()
+    this.logger.log('[ION-LIST-CONVS-COMP] - ngOnInit - IS_ON_MOBILE_DEVICE ', this.IS_ON_MOBILE_DEVICE);
   }
 
   ngOnChanges(changes: { [property: string]: SimpleChange }) {