@chat21/chat21-ionic 3.0.61-rc3 → 3.0.61-rc4

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # chat21-ionic ver 3.0
 
+### 3.0.61-rc4
+- Hides the item showing unassigned conversations in the list of archived conversations
+- Adds in the list of conversations to the "archive" button the tooltip "Resolve" if the conversation is of type "support" and the tooltip "Archive" if the conversation is of type "direct" or "group"
+- Changes all occurrences of the "teammatesButton" environment variable to "writeToButton"
+- Fixes the bug: if the sidebar is visible and the window width is less than 768px, the content of the conversation detail is not completely visible
+- Moves for conversations of type "support" the "Resolve conversation" button from the dropdown menu to the header of the conversation detail
+
 ### 3.0.61-rc3
 - Replaces console.log with custom loggers 
 - Fixes the bug: the info support sidebar is no more displayed

package/env.sample

@@ -11,7 +11,7 @@ FILE_UPLOAD_ACCEPT=*/*
 TENANT=tilechat
 LOG_LEVEL=INFO
 SUPPORT_MODE=false
-TEAMMATES_BUTTON=false,
+WRITE_TO_BUTTON=false,
 ARCHIVED_BUTTON=false,
 
 # For MQTT Chat Engine

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chat21/chat21-ionic",
-    "version": "3.0.61-rc3",
+    "version": "3.0.61-rc4",
     "author": "Tiledesk SRL",
     "homepage": "https://ionicframework.com/",
     "scripts": {

package/src/app/app.component.html

@@ -20,7 +20,7 @@
       <!-- <app-details></app-details> -->
       <!-- </ion-router-outlet> -->
       <!-- the main content -->
-      <ion-router-outlet id="main" #detailNav animated="false">
+      <ion-router-outlet id="main" #detailNav animated="false" [ngClass]="{'router-outlet-margin-left': platformIs === 'mobile' &&  SUPPORT_MODE === true}">
       </ion-router-outlet>
     </ion-split-pane>
   </div>

package/src/app/app.component.scss

@@ -15,6 +15,10 @@
     display: none;
 }
 
+.router-outlet-margin-left {
+    left: 60px
+}
+
 // @media (min-width: 768px) {
 //     .split-pane-md.split-pane-visible > .split-pane-side {
 //         min-width: 312px;

package/src/app/app.component.ts

@@ -78,7 +78,7 @@ export class AppComponent implements OnInit {
   public sidebarPage: any;
   public notificationsEnabled: boolean;
   public zone: NgZone;
-  private platformIs: string;
+  public platformIs: string;
   private doitResize: any;
   private timeModalLogin: any;
   public tenant: string;

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

@@ -118,12 +118,17 @@
   <ion-note *ngIf="!conversation.archived" class="conversation_time">{{conversation.timestamp | amTimeAgo}}</ion-note>
 
   <ion-buttons slot="end">
-    <ion-button *ngIf="!conversation.archived"  tooltip="{{ archive_btn_tooltip }}" [options]="tooltipOptions" placement="bottom"
+    <ion-button *ngIf="!conversation.archived" [tooltip]="archiveTooltip"  [options]="tooltip_options" placement="bottom"  content-type="template"
       [ngClass]="{'hide': !isApp, 'button-on-desktop': !isApp, 'button-on-mobile': isApp  }"
       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 }}"
         color="close-conversation" name="archive-outline" item-end></ion-icon>
+
+        <ng-template #archiveTooltip>
+          <span *ngIf="conversation?.recipient.startsWith('support-group')"> {{ resolve_btn_tooltip}} </span>
+          <span *ngIf="!conversation?.recipient.startsWith('support-group')"> {{ archive_btn_tooltip }} </span>
+        </ng-template>
     </ion-button>
     <!-- <ion-button *ngIf="conversation.archived" class="close-conversation-button" ion-button clear item-end disabled padding>
       <!- - <ion-icon  style="display:block;" id="{{ 'close_button_icon' + conversation.uid }}" color="close-conversation" name="archive-outline" item-end></ion-icon> - ->

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

@@ -9,12 +9,11 @@ import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance'
 import { TranslateService } from '@ngx-translate/core';
 
 import * as moment from 'moment';
-// import { EventsService } from 'src/app/services/events-service';
-// import { TiledeskService } from '../../../services/tiledesk/tiledesk.service';
 import { NetworkService } from '../../../services/network-service/network.service';
 import { AppConfigProvider } from 'src/app/services/app-config';
 import { DomSanitizer } from '@angular/platform-browser'
 import { TiledeskAuthService } from 'src/chat21-core/providers/tiledesk/tiledesk-auth.service';
+
 // import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service';
 // import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
 
@@ -36,15 +35,16 @@ export class IonListConversationsComponent extends ListConversationsComponent im
 
   public PROJECT_FOR_PANEL: any;
   public archive_btn_tooltip: string;
+  public resolve_btn_tooltip: string;
 
-  tooltipOptions = {
-    'show-delay': 1500,
+  tooltip_options = {
+    'show-delay': 0,
     'tooltip-class': 'chat-tooltip',
     'theme': 'light',
     'shadow': false,
     'hide-delay-mobile': 0,
     'hideDelayAfterClick': 3000,
-    'hide-delay': 200
+    'hide-delay': 100
   };
   /**
    * 
@@ -57,12 +57,11 @@ export class IonListConversationsComponent extends ListConversationsComponent im
     public kvDiffers: KeyValueDiffers,
     public platform: Platform,
     private translate: TranslateService,
-    // private events: EventsService,
-    // private tiledeskService: TiledeskService,
     private networkService: NetworkService,
     private appConfigProvider: AppConfigProvider,
     private sanitizer: DomSanitizer,
-    public tiledeskAuthService: TiledeskAuthService
+    public tiledeskAuthService: TiledeskAuthService,
+  
   ) {
     super(iterableDiffers, kvDiffers)
     this.setMomentLocale();
@@ -88,16 +87,24 @@ export class IonListConversationsComponent extends ListConversationsComponent im
 
     // console.log('[ION-LIST-CONVS-COMP] - DASHBOARD_BASE_URL ', DASHBOARD_BASE_URL)
     this.PROJECT_FOR_PANEL = this.sanitizer.bypassSecurityTrustResourceUrl(DASHBOARD_BASE_URL + '#/project-for-panel');
-    this.translateLbl();
+    this.translateLbls();
+    
   }
 
-  translateLbl() {
+
+  translateLbls() {
     this.translate.get('Resolve')
+      .subscribe((text: string) => {
+        // this.deleteContact_msg = text;
+        this.resolve_btn_tooltip = text;
+        //  console.log('[ION-LIST-CONVS-COMP] getTranslations Resolve : ', text)
+
+      });
+      this.translate.get('Archive')
       .subscribe((text: string) => {
         // this.deleteContact_msg = text;
         this.archive_btn_tooltip = text;
-      //  console.log('[ION-LIST-CONVS-COMP] getTranslations Resolve : ', text)
-       
+        //  console.log('[ION-LIST-CONVS-COMP] getTranslations Resolve : ', text)
       });
   }
 

package/src/app/components/conversation-detail/header-conversation-detail/header-conversation-detail.component.html

@@ -1,49 +1,39 @@
-
 <ion-header no-border class="ion-no-border">
   <ion-toolbar style="height:60px">
     <ion-buttons slot="start" style="height:60px">
       <!-- (click)="pushPage('conversations-list')" defaultHref="/conversations-list" -->
       <ion-back-button style="display: block;" text="" *ngIf="isMobile" (click)="goBackToConversationList()">
-      </ion-back-button> 
+      </ion-back-button>
     </ion-buttons>
 
     <ion-title [class.info-open]="openInfoConversation || openInfoMessage">
 
       <div *ngIf="conversationAvatar" class="avatar-and-typing-wpr">
         <!-- [ngStyle] = "{ 'left': platformName === 'ios' ? '55px' : ''  }" -->
-        <div *ngIf="conversationAvatar" class="avatar-container" [ngClass] = "{ 'avatar-container-ios': platformName === 'ios' }">
-          <app-avatar-profile
-            [itemAvatar] = conversationAvatar
-          ></app-avatar-profile>
+        <div *ngIf="conversationAvatar" class="avatar-container"
+          [ngClass]="{ 'avatar-container-ios': platformName === 'ios' }">
+          <app-avatar-profile [itemAvatar]=conversationAvatar></app-avatar-profile>
         </div>
         <!-- [ngStyle] = "{ 'left': platformName === 'ios' ? '63px' : ''  }" -->
-        <div *ngIf="isDirect" class="user-presence" [ngClass] = "{ 'user-presence-ios': platformName === 'ios' }">
-          <app-user-presence 
-            [idUser] = conversationAvatar.conversation_with
-            [translationMap] = translationMap
-            [borderColor] = borderColor
-            [fontColor] = fontColor>
+        <div *ngIf="isDirect" class="user-presence" [ngClass]="{ 'user-presence-ios': platformName === 'ios' }">
+          <app-user-presence [idUser]=conversationAvatar.conversation_with [translationMap]=translationMap
+            [borderColor]=borderColor [fontColor]=fontColor>
           </app-user-presence>
         </div>
 
         <div *ngIf="conversationAvatar" class="user-typing">
-          <app-user-typing 
-            [idConversation] = conversationAvatar.uid
-            [idCurrentUser] = idLoggedUser
-            [isDirect] = isDirect
-            [translationMap] = translationMap
-            [color] = fontColor
-            [membersConversation] = membersConversation
-          ></app-user-typing>
+          <app-user-typing [idConversation]=conversationAvatar.uid [idCurrentUser]=idLoggedUser [isDirect]=isDirect
+            [translationMap]=translationMap [color]=fontColor [membersConversation]=membersConversation>
+          </app-user-typing>
         </div>
 
       </div>
       <!-- [ngClass] = "{ 'tile-info-with-ios': platformName === 'ios' ? '82px' : ''82px''  }" -->
-      <div *ngIf="conversationAvatar" class="tile-info-with" (click)="onOpenCloseInfoConversation()" 
-      [ngClass] = "{ 'tile-info-with-ios': platformName === 'ios' }">        
+      <div *ngIf="conversationAvatar" class="tile-info-with" (click)="onOpenCloseInfoConversation()"
+        [ngClass]="{ 'tile-info-with-ios': platformName === 'ios' }">
         <!-- <span class="tile-username">{{ conversationAvatar.conversation_with_fullname }} </span> -->
         <span class="tile-username">{{ conversation_with_fullname }} </span>
-        
+
       </div>
 
       <!-- <div *ngIf="conversationWithFullname" class="tile-info-with" (click)="onOpenCloseInfoConversation()">        
@@ -54,15 +44,22 @@
     <!-- openInfoConversation  {{openInfoConversation}} -->
     <ion-buttons slot="end">
 
-          <ion-button  *ngIf="!openInfoConversation" ion-button fill="clear" (click)="onOpenCloseInfoConversation()">
-            <!-- <ion-icon slot="icon-only" name="alert-circle-outline"></ion-icon> -->
-            <ion-icon slot="icon-only"  name="information-circle-outline"></ion-icon>
-            <!-- <ion-icon slot="icon-only"  name="information-outline"></ion-icon> -->
-          
-          </ion-button>
-          <ion-button  *ngIf="openInfoConversation" ion-button fill="clear" (click)="onOpenCloseInfoConversation()">
-            <ion-icon slot="icon-only" name="close-circle-outline"></ion-icon>
-          </ion-button>
+      <ion-button *ngIf="idConv.startsWith('support-group')" ion-button fill="clear" color="primary" size="small" (click)="closeConversation()" [ngClass]="{'resolve-conv-margin-right': !isMobile}" style="">
+        <!-- <ion-icon slot="icon-only" name="alert-circle-outline"></ion-icon> -->
+        <ion-icon name="archive-outline"></ion-icon>
+        <!-- <ion-icon slot="icon-only"  name="information-outline"></ion-icon> -->
+        <span style="text-transform: capitalize; margin-left: 5px;"> {{ 'Resolve' | translate}} </span>
+      </ion-button>
+
+      <ion-button *ngIf="!openInfoConversation" ion-button fill="clear" (click)="onOpenCloseInfoConversation()">
+        <!-- <ion-icon slot="icon-only" name="alert-circle-outline"></ion-icon> -->
+        <ion-icon slot="icon-only" name="information-circle-outline"></ion-icon>
+        <!-- <ion-icon slot="icon-only"  name="information-outline"></ion-icon> -->
+
+      </ion-button>
+      <ion-button *ngIf="openInfoConversation" ion-button fill="clear" (click)="onOpenCloseInfoConversation()">
+        <ion-icon slot="icon-only" name="close-circle-outline"></ion-icon>
+      </ion-button>
 
     </ion-buttons>
 

package/src/app/components/conversation-detail/header-conversation-detail/header-conversation-detail.component.scss

@@ -158,4 +158,8 @@ ion-header {
 
 .avatar-container-ios {
     left: 55px;
+}
+
+.resolve-conv-margin-right {
+    margin-right: 56px;
 }

package/src/app/components/conversation-detail/header-conversation-detail/header-conversation-detail.component.ts

@@ -7,6 +7,10 @@ import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service
 import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
 import { setConversationAvatar, setChannelType } from 'src/chat21-core/utils/utils';
 import { Platform } from '@ionic/angular';
+// import { TiledeskAuthService } from 'src/chat21-core/providers/tiledesk/tiledesk-auth.service';
+// import { TiledeskService } from 'src/app/services/tiledesk/tiledesk.service';
+import { EventsService } from 'src/app/services/events-service';
+
 @Component({
   selector: 'app-header-conversation-detail',
   templateUrl: './header-conversation-detail.component.html',
@@ -44,7 +48,10 @@ export class HeaderConversationDetailComponent implements OnInit, OnChanges {
     public imageRepoService: ImageRepoService,
     private route: ActivatedRoute,
     public platform: Platform,
-    private router: Router
+    private router: Router,
+    // public tiledeskAuthService: TiledeskAuthService,
+    // public tiledeskService: TiledeskService,
+    public events: EventsService,
   ) {
     this.route.paramMap.subscribe(params => {
 
@@ -58,6 +65,10 @@ export class HeaderConversationDetailComponent implements OnInit, OnChanges {
     });
   }
 
+ 
+
+
+
   // ----------------------------------------------------
   // @ Lifehooks
   // ----------------------------------------------------
@@ -113,7 +124,10 @@ export class HeaderConversationDetailComponent implements OnInit, OnChanges {
       this.platformName = 'android'
       this.logger.log('getPlatformName platformName', this.platformName) 
     }
+  }
 
+  closeConversation() {
+    this.events.publish('hasclosedconversation', this.idConv);
   }
 
   onOpenCloseInfoConversation() {

package/src/app/components/ddp-header/ddp-header.component.html

@@ -19,9 +19,9 @@
       <!-- <ion-icon name="file-tray-full-outline"></ion-icon> -->
     </ion-button>
 
-    <ion-button *ngIf="teammates_btn" ion-button fill="clear" (click)="onOpenContactsDirectory($event)">
-      <!-- <ion-icon slot="icon-only" name="create-outline"></ion-icon> -->
-      <ion-icon slot="icon-only" name="people-outline"></ion-icon>
+    <ion-button *ngIf="writeto_btn" ion-button fill="clear" (click)="onOpenContactsDirectory($event)">
+      <ion-icon slot="icon-only" name="create-outline"></ion-icon>
+      <!-- <ion-icon slot="icon-only" name="people-outline"></ion-icon> -->
 
     </ion-button>
 

package/src/app/components/ddp-header/ddp-header.component.ts

@@ -9,7 +9,7 @@ export class DdpHeaderComponent implements OnInit {
   @Input() numberOpenConv: number;
   @Input() supportMode: boolean;
   @Input() archived_btn: boolean;
-  @Input() teammates_btn: boolean;
+  @Input() writeto_btn: boolean;
   @Output() openContactsDirectory = new EventEmitter();
   @Output() openProfileInfo = new EventEmitter();
   IS_ON_MOBILE_DEVICE: boolean;

package/src/app/pages/conversations-list/conversations-list.page.html

@@ -3,7 +3,7 @@
     [numberOpenConv]="numberOpenConv" 
     [supportMode]="supportMode"
     [archived_btn]="archived_btn"
-    [teammates_btn]="teammates_btn"
+    [writeto_btn]="writeto_btn"
     (openContactsDirectory)=openContactsDirectory($event) 
     (openProfileInfo)=openProfileInfo($event)>
   </app-ddp-header>
@@ -14,7 +14,7 @@
   </app-option-header>
 </ion-header>
 
-<ion-content #ioncontentconvlist class="list-avatar-page" appScrollbarTheme>
+<ion-content id="convs-list" #ioncontentconvlist class="list-avatar-page" appScrollbarTheme>
 
   <div id="scrollbar2">
     <ion-list>
@@ -43,7 +43,7 @@
           <ion-label part="message-text" class="waiting-for-network-msg"> Waiting for network</ion-label>
         </ion-item>
         <!-- supportMode && -->
-        <ion-item  *ngIf="displayNewConvsItem" class="ion-no-padding open-iframe-item">
+        <ion-item  *ngIf="displayNewConvsItem && conversationType !=='archived'" class="ion-no-padding open-iframe-item">
           <div tabindex="0"></div>
           <!-- <ion-note class="pinned-project">
             {{ 'PINNED_PROJECT' | translate }}
@@ -51,7 +51,8 @@
      
           <app-project-item style="width: 100%;" 
           (openUnsevedConvsEvent)="openUnsevedConversationIframe($event)"  
-          (projectIdEvent)="getLastProjectId($event)"></app-project-item>
+          (projectIdEvent)="getLastProjectId($event)">
+        </app-project-item>
         </ion-item>
 
       <span

package/src/app/pages/conversations-list/conversations-list.page.ts

@@ -60,7 +60,7 @@ export class ConversationListPage implements OnInit {
   public numberOpenConv = 0;
   public loadingIsActive = true;
   public supportMode: boolean;
-  public teammates_btn: boolean;
+  public writeto_btn: boolean;
   public archived_btn: boolean;
   public convertMessage = convertMessage;
   private isShowMenuPage = false;
@@ -119,11 +119,14 @@ export class ConversationListPage implements OnInit {
     this.listenToSwPostMessage();
     this.listenSupportConvIdHasChanged();
     // this.listenDirectConvIdHasChanged();
+    this.listenToCloseConvFromHeaderConversation();
   }
 
+
+
   listenSupportConvIdHasChanged() {
     this.events.subscribe('supportconvid:haschanged', (IDConv) => {
-      this.logger.log('[CONVS-LIST-PAGE] - listen To convid:haschanged - convId', IDConv);
+      console.log('[CONVS-LIST-PAGE] - listen To convid:haschanged - convId', IDConv);
       if (IDConv) {
         // const conversationSelected = this.conversations.find(item => item.uid === convId);
         // this.onConversationSelected(conversationSelected)
@@ -217,10 +220,10 @@ export class ConversationListPage implements OnInit {
     } else {
       this.archived_btn = false;
     }
-    if (appConfig && appConfig.teammatesButton) {
-      this.teammates_btn = appConfig.teammatesButton;
+    if (appConfig && appConfig.writeToButton) {
+      this.writeto_btn = appConfig.writeToButton;
     } else {
-      this.teammates_btn = false;
+      this.writeto_btn = false;
     }
     // console.log('[ION-LIST-CONVS-COMP] - supportMode ', this.supportMode)
   }
@@ -580,7 +583,7 @@ export class ConversationListPage implements OnInit {
       // let storedArchivedConv = localStorage.getItem('activeConversationSelected');
       const keys = ['LABEL_ARCHIVED'];
       // const keys = ['History'];
-      
+
       this.headerTitle = this.translateService.translateLanguage(keys).get(keys[0]);
 
     } else if (event === 'displayContact') {
@@ -868,13 +871,22 @@ export class ConversationListPage implements OnInit {
     }
   }
 
+  listenToCloseConvFromHeaderConversation() {
+    this.events.subscribe('hasclosedconversation', (convId) => {
+      console.log('[CONVS-LIST-PAGE] hasclosedconversation  convId', convId)
 
+      const conversation = this.conversations.find(conv => conv.uid === convId)
+      console.log('[CONVS-LIST-PAGE] hasclosedconversation  conversation', conversation)
+      this.onCloseConversation(conversation)
+    });
+  }
 
   // ----------------------------------------------------------------------------------------------
   // onCloseConversation
   // https://github.com/chat21/chat21-cloud-functions/blob/master/docs/api.md#delete-a-conversation
   // ----------------------------------------------------------------------------------------------
   onCloseConversation(conversation: ConversationModel) {
+    console.log('[CONVS-LIST-PAGE] onCloseConversation  conversation', conversation)
     // -------------------------------------------------------------------------------------
     // Fix the display of the message "No conversation yet" when a conversation is archived 
     // but there are others in the list (happens when loadingIsActive is set to false because 
@@ -886,10 +898,10 @@ export class ConversationListPage implements OnInit {
 
     const conversationId = conversation.uid;
 
-    this.logger.log('[CONVS-LIST-PAGE] onCloseConversation conversationId: ', conversationId)
+    console.log('[CONVS-LIST-PAGE] onCloseConversation conversationId: ', conversationId)
 
     const conversationWith_segments = conversationId.split('-');
-    this.logger.log('[CONVS-LIST-PAGE] - conversationId_segments: ', conversationWith_segments);
+    console.log('[CONVS-LIST-PAGE] - conversationId_segments: ', conversationWith_segments);
 
     // Removes the last element of the array if is = to the separator 
     if (conversationWith_segments[conversationWith_segments.length - 1] === '') {
@@ -898,8 +910,8 @@ export class ConversationListPage implements OnInit {
 
     if (conversationWith_segments.length === 4) {
       const lastArrayElement = conversationWith_segments[conversationWith_segments.length - 1]
-      this.logger.log('[CONVS-LIST-PAGE] - lastArrayElement ', lastArrayElement);
-      this.logger.log('[CONVS-LIST-PAGE] - lastArrayElement length', lastArrayElement.length);
+      console.log('[CONVS-LIST-PAGE] - lastArrayElement ', lastArrayElement);
+      console.log('[CONVS-LIST-PAGE] - lastArrayElement length', lastArrayElement.length);
       if (lastArrayElement.length !== 32) {
         conversationWith_segments.pop();
       }
@@ -925,34 +937,34 @@ export class ConversationListPage implements OnInit {
     const tiledeskToken = this.tiledeskAuthService.getTiledeskToken();
 
     this.tiledeskService.getProjectIdByConvRecipient(tiledeskToken, conversationId).subscribe(res => {
-      this.logger.log('[INFO-CONTENT-COMP] - GET PROJECTID BY CONV RECIPIENT RES', res);
+      console.log('[INFO-CONTENT-COMP] - GET PROJECTID BY CONV RECIPIENT RES', res);
 
       if (res) {
         const project_id = res.id_project
-        this.logger.log('[INFO-CONTENT-COMP] - GET PROJECTID BY CONV RECIPIENT  project_id', project_id);
+        console.log('[INFO-CONTENT-COMP] - GET PROJECTID BY CONV RECIPIENT  project_id', project_id);
         this.archiveSupportGroupConv(tiledeskToken, project_id, conversationId);
       }
 
     }, (error) => {
-      this.logger.error('[INFO-CONTENT-COMP] - GET PROJECTID BY CONV RECIPIENT - ERROR  ', error);
+      console.error('[INFO-CONTENT-COMP] - GET PROJECTID BY CONV RECIPIENT - ERROR  ', error);
 
     }, () => {
-      this.logger.log('[INFO-CONTENT-COMP] - GET PROJECTID BY CONV RECIPIENT * COMPLETE *');
+      console.log('[INFO-CONTENT-COMP] - GET PROJECTID BY CONV RECIPIENT * COMPLETE *');
 
     });
   }
 
   archiveSupportGroupConv(tiledeskToken, project_id, conversationId) {
-    this.logger.log('[CONVS-LIST-PAGE] - onCloseConversation projectId: ', project_id)
+    console.log('[CONVS-LIST-PAGE] - onCloseConversation projectId: ', project_id)
     this.tiledeskService.closeSupportGroup(tiledeskToken, project_id, conversationId).subscribe(res => {
 
-      this.logger.log('[CONVS-LIST-PAGE] - onCloseConversation closeSupportGroup RES', res);
+      console.log('[CONVS-LIST-PAGE] - onCloseConversation closeSupportGroup RES', res);
     }, (error) => {
-      this.logger.error('[CONVS-LIST-PAGE] - onCloseConversation closeSupportGroup - ERROR  ', error);
+      console.error('[CONVS-LIST-PAGE] - onCloseConversation closeSupportGroup - ERROR  ', error);
     }, () => {
-      this.logger.log('[CONVS-LIST-PAGE] - onCloseConversation closeSupportGroup * COMPLETE *');
-      this.logger.log('[CONVS-LIST-PAGE] - onCloseConversation (closeSupportGroup) CONVS ', this.conversations)
-      this.logger.log('[CONVS-LIST-PAGE] - onCloseConversation (closeSupportGroup) CONVS LENGHT ', this.conversations.length)
+      console.log('[CONVS-LIST-PAGE] - onCloseConversation closeSupportGroup * COMPLETE *');
+      console.log('[CONVS-LIST-PAGE] - onCloseConversation (closeSupportGroup) CONVS ', this.conversations)
+      console.log('[CONVS-LIST-PAGE] - onCloseConversation (closeSupportGroup) CONVS LENGHT ', this.conversations.length)
     });
 
   }

package/src/assets/i18n/de.json

@@ -222,5 +222,6 @@
   "Activities": "Aktivitäten",
   "History": "Verlauf",
   "Settings": "Einstellungen",
-  "Resolve": "Lösen"
+  "Resolve": "Lösen",
+  "Archive": "Archivieren"
 }

package/src/assets/i18n/en.json

@@ -222,5 +222,6 @@
   "Activities": "Activities",
   "History": "History",
   "Settings": "Settings",
-  "Resolve": "Resolve"
+  "Resolve": "Resolve",
+  "Archive": "Archive"
 }

package/src/assets/i18n/es.json

@@ -222,5 +222,6 @@
   "Activities": "Actividades",
   "History": "Historial",
   "Settings": "Ajustes",
-  "Resolve": "Resolver"
+  "Resolve": "Resolver",
+  "Archive": "Archivas"
 }

package/src/assets/i18n/fr.json

@@ -222,5 +222,6 @@
   "Activities": "Activités",
   "History": "Histoire",
   "Settings": "Réglages",
-  "Resolve": "Résoudre"
+  "Resolve": "Résoudre",
+  "Archive": "Archiver"
 }

package/src/assets/i18n/it.json

@@ -222,5 +222,6 @@
     "Activities": "Attività",
     "History": "Cronologia",
     "Settings": "Impostazioni",
-    "Resolve": "Risolvi"
+    "Resolve": "Risolvi",
+    "Archive": "Archivia"
 }

package/src/assets/i18n/pt.json

@@ -222,5 +222,6 @@
   "Activities": "Atividades",
   "History": "História",
   "Settings": "Configurações",
-  "Resolve": "Resolver"
+  "Resolve": "Resolver",
+  "Archive": "Arquivar"
 }

package/src/assets/i18n/ru.json

@@ -222,5 +222,6 @@
   "Activities": "Виды деятельности",
   "History": "История",
   "Settings": "Настройки",
-  "Resolve": "Pазрешить"
+  "Resolve": "Pазрешить",
+  "Archive": "Архивировать"
 }

package/src/assets/i18n/tr.json

@@ -222,6 +222,7 @@
   "Activities": "Faaliyetler",
   "History": "Tarih",
   "Settings": "Ayarlar",
-  "Resolve": "Çözmek"
+  "Resolve": "Çözmek",
+  "Archive": "Arşivle"
 }
 

package/src/chat-config-pre-test.json

@@ -7,7 +7,7 @@
     "fileUploadAccept":"*/*",
     "authPersistence": "LOCAL",
     "supportMode": true,
-    "teammatesButton": true,
+    "writeToButton": true,
     "archivedButton": true,
     "firebaseConfig": {
         "tenant": "tilechat",

package/src/chat-config-template.json

@@ -28,6 +28,6 @@
     "wsUrl": "${WS_URL}",
     "wsUrlRel": "${WS_URL_RELATIVE}",
     "supportMode": "${SUPPORT_MODE}",
-    "teammatesButton": "${TEAMMATES_BUTTON}",
+    "writeToButton": "${WRITE_TO_BUTTON}",
     "archivedButton": "${ARCHIVED_BUTTON}"
 }

package/src/chat-config.json

@@ -28,6 +28,6 @@
     "wsUrl": "ws://localhost:3000/",
     "wsUrlRel": "${WS_URL_RELATIVE}",
     "supportMode": false,
-    "teammatesButton": false,
+    "writeToButton": false,
     "archivedButton": false
 }