@chat21/chat21-ionic 3.4.13-rc2 → 3.4.13-rc4

package/src/app/components/copilot-popover/copilot-popover.component.scss

@@ -0,0 +1,101 @@
+#copilot-container{
+    margin: 10px;
+    display: flex;
+    flex-direction: column;
+    gap: 15px;
+
+
+    ion-header{
+        display: flex;
+        flex-direction: column;
+        gap: 5px;
+
+        .main-title{
+            background: linear-gradient(135deg, #217bfe 0, #078efb 33%, #ac87eb 100%);
+            background-clip: text;
+            inline-size: fit-content;
+            color: transparent;
+            font-weight: 500;
+        }
+
+        .title{
+            font-weight: 500;
+        }
+    }
+
+    ion-content{
+
+
+        .content-container{
+
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            gap: 10px;
+        }
+
+
+        .text-message {
+            position: relative;
+            // margin: 0 35px;
+            // width: calc(100% - 70px);
+            // ----- new after adding canned open /close canned responses
+            // margin: 0 70px;
+            // width: calc(100% - 100px);
+            // ----- new after adding emoji picker
+            // margin: 0 108px;
+            width: 100%; //calc(100% - 140px);
+            ion-textarea {
+                // border-radius: 4px;
+                border-radius: 20px; // NK edited
+                padding: 0;
+                margin: 0;
+                height: auto;
+                overflow: auto;
+                // min-height: 30px;
+                min-height: 74px; // NK edited
+                max-height: 184px;
+                background-color: var(--textarea-background);
+                color: var(--textarea-color);
+                --placeholder-color: var(--textarea-placeholder-color);
+                // --padding-top: 5px; // NK edited
+                --padding-top: 8px;
+                --padding-bottom: 5px;
+                --padding-end: 5px;
+                // --padding-start: 5px; // NK edited
+                --padding-start: 10px;
+                line-height: 1.34;
+                font-size: 13px;
+            }
+        }
+    }
+
+
+    ion-footer{
+        display: flex;
+        justify-content: center;
+
+        ion-button{
+            background-color: var(--icon-color);
+            color: var(--bacis-white);
+            font-size: 11px;
+            margin: 2px;
+            padding-bottom: 0px;
+            --padding-start: 0px;
+            --ripple-color: transparent;
+            text-transform: unset;
+            height: 25px;
+            border-radius: 4px;
+            &.active{
+                color: var(--basic-blue);
+                fill: var(--basic-blue);
+            }
+            ion-icon{
+                margin-right: 4px;
+                margin-left: 4px;
+            }
+        }
+    }
+
+
+}

package/src/app/components/copilot-popover/copilot-popover.component.spec.ts

@@ -0,0 +1,24 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+
+import { CopilotPopoverComponent } from './copilot-popover.component';
+
+describe('CopilotPopoverComponent', () => {
+  let component: CopilotPopoverComponent;
+  let fixture: ComponentFixture<CopilotPopoverComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ CopilotPopoverComponent ],
+      imports: [IonicModule.forRoot()]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(CopilotPopoverComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/app/components/copilot-popover/copilot-popover.component.ts

@@ -0,0 +1,81 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { PopoverController } from '@ionic/angular';
+import { MessageModel } from 'src/chat21-core/models/message';
+import { UserModel } from 'src/chat21-core/models/user';
+import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service';
+import { CustomTranslateService } from 'src/chat21-core/providers/custom-translate.service';
+import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
+import { TiledeskAuthService } from 'src/chat21-core/providers/tiledesk/tiledesk-auth.service';
+
+@Component({
+  selector: 'app-copilot-popover',
+  templateUrl: './copilot-popover.component.html',
+  styleUrls: ['./copilot-popover.component.scss'],
+})
+export class CopilotPopoverComponent implements OnInit {
+
+  @Input() message: MessageModel
+  
+  text: string;
+  loggedUser: UserModel
+
+  public translationsMap: Map<string, string>;
+  private logger: LoggerService = LoggerInstance.getInstance()
+
+  constructor(
+    private ctr: PopoverController,
+    private tiledeskAuthService: TiledeskAuthService,
+    private customTranslateService: CustomTranslateService,
+  ) { }
+
+  ngOnInit() {
+    this.logger.debug('[COPILOT-POPOVER] ngOnInit message data:', this.message)
+    this.loggedUser = this.tiledeskAuthService.getCurrentUser();
+    this.text = this.message.text
+    this.initTranslations();
+  }
+
+  onClose(){
+    this.ctr.dismiss()
+  }
+
+  initTranslations(){
+    let keys= [
+      "HELLO",
+      "COPILOT.ASK_AI",
+      "COPILOT.INSERT_PROMPT_HERE",
+      "COPILOT.HOW_CAN_I_HELP_YOU"
+    ]
+    this.translationsMap = this.customTranslateService.translateLanguage(keys)
+  }
+
+  onClickCopilot(){
+    this.logger.debug('[COPILOT-POPOVER] onClickCopilot')
+    this.ctr.dismiss({text: this.text})
+  }
+
+
+  ionChange(e: any) {
+    this.logger.log("[COPILOT-POPOVER] ionChange event ", e);
+    // this.logger.log("[CONVS-DETAIL][MSG-TEXT-AREA] ionChange detail.value ", e.detail.value);
+
+    const message = e.detail.value
+    this.logger.log("[COPILOT-POPOVER] [MSG-TEXT-AREA] ionChange message ", message);
+    // this.logger.log("[CONVS-DETAIL] [MSG-TEXT-AREA] ionChange  this.messageString ", this.messageString);
+    const footerSelectionHeight = 33 
+    const height = e.target.offsetHeight + footerSelectionHeight + 20; // nk added +20
+
+    // this.eventChangeTextArea.emit({ msg: message, offsetHeight: height });
+  }
+
+  ionFocus(){
+    this.logger.log("[CONVS-DETAIL][MSG-TEXT-AREA] ionFocus event ");
+  }
+
+  onKeydown(e: any, text: string) {
+    this.logger.log("[COPILOT-POPOVER] - returnChangeTextArea - onKeydown in MSG-TEXT-AREA event", e)
+    this.logger.log("[COPILOT-POPOVER] - returnChangeTextArea - onKeydown in MSG-TEXT-AREA text", text)
+  }
+
+
+}

package/src/app/components/copilot-suggestions/copilot-suggestions.component.ts

@@ -1,3 +1,4 @@
+import { AppConfigProvider } from 'src/app/services/app-config';
 import { filter } from 'rxjs/operators';
 import { Component, ElementRef, EventEmitter, HostListener, Input, OnInit, Output, SimpleChange } from '@angular/core';
 import { CopilotService } from 'src/app/services/copilot/copilot.service';
@@ -16,6 +17,7 @@ import { getProjectIdSelectedConversation } from 'src/chat21-core/utils/utils';
 export class CopilotSuggestionsComponent implements OnInit {
 
    // @Input() tagsCannedFilter: any = []
+  @Input() question: string;
   @Input() conversationWith: string;
   @Input() conversationWithFullname: string;
   @Input() currentString: string;
@@ -38,19 +40,23 @@ export class CopilotSuggestionsComponent implements OnInit {
     public tiledeskAuthService: TiledeskAuthService,
     public tiledeskService: TiledeskService,
     public copilotService: CopilotService,
+    public appConfigProvider: AppConfigProvider,
     public el: ElementRef
-  ) { }
+  ) { 
+    const serverBaseUrl = this.appConfigProvider.getConfig().apiUrl
+    this.copilotService.initialize(serverBaseUrl)
+  }
 
   ngOnInit() {
     this.loggedUser = this.tiledeskAuthService.getCurrentUser()
   }
 
   ngOnChanges(changes: SimpleChange){
-      this.logger.debug('[COPILOT] - loadTagsCanned strSearch ', this.currentString)
-      if(changes && changes['conversationWith'] && (changes['conversationWith'].previousValue !== changes['conversationWith'].currentValue)){
-        this.projectID = getProjectIdSelectedConversation(this.conversationWith)
-      }
-      this.loadSuggestions(this.conversationWith)
+    this.logger.debug('[COPILOT] - loadTagsCanned strSearch ', this.currentString)
+    if(changes && changes['conversationWith'] && (changes['conversationWith'].previousValue !== changes['conversationWith'].currentValue)){
+      this.projectID = getProjectIdSelectedConversation(this.conversationWith)
+    }
+    this.loadSuggestions(this.conversationWith)
   }
 
 
@@ -89,22 +95,35 @@ export class CopilotSuggestionsComponent implements OnInit {
 
 
   getAndShowSuggestions(projectId) {
-    const tiledeskToken = this.tiledeskAuthService.getTiledeskToken()
     this.logger.log('[COPILOT] - loadTagsCanned tagsCanned.length', this.suggestions.length)
     //if(this.tagsCanned.length <= 0 ){
     this.suggestions = []
     this.showLoading = true;
-    this.copilotService.getAll(tiledeskToken, projectId, this.conversationWith).subscribe((res) => {
-      this.logger.log('[COPILOT] - loadTagsCanned  getCannedResponses RES', res)
-      this.suggestions = res.map(el => ({ ...el, disabled : true }))
-      this.logger.log('[COPILOT] - loadTagsCanned  getCannedResponses tagsCannedCount', this.suggestions)
-    }, (error) => {
-      this.logger.error('[COPILOT] - loadTagsCanned  getCannedResponses - ERROR  ', error)
-    }, () => {
-      this.logger.log('[COPILOT] - loadTagsCanned  getCannedResponses * COMPLETE *')
-      this.showLoading = false
-      this.onLoadedSuggestions.emit(this.suggestions)
-    })
+    if(this.question && this.question !== ''){
+      this.copilotService.getAllFromQuestion(this.question, projectId, this.conversationWith).subscribe((res) => {
+        this.logger.log('[COPILOT] - loadTagsCanned  getCannedResponses RES', res)
+        this.suggestions = res.map(el => ({ ...el, disabled : true }))
+        this.logger.log('[COPILOT] - loadTagsCanned  getCannedResponses tagsCannedCount', this.suggestions)
+      }, (error) => {
+        this.logger.error('[COPILOT] - loadTagsCanned  getCannedResponses - ERROR  ', error)
+      }, () => {
+        this.logger.log('[COPILOT] - loadTagsCanned  getCannedResponses * COMPLETE *')
+        this.showLoading = false
+        this.onLoadedSuggestions.emit(this.suggestions)
+      })
+    } else {
+      this.copilotService.getAll(projectId, this.conversationWith).subscribe((res) => {
+        this.logger.log('[COPILOT] - loadTagsCanned  getCannedResponses RES', res)
+        this.suggestions = res.map(el => ({ ...el, disabled : true }))
+        this.logger.log('[COPILOT] - loadTagsCanned  getCannedResponses tagsCannedCount', this.suggestions)
+      }, (error) => {
+        this.logger.error('[COPILOT] - loadTagsCanned  getCannedResponses - ERROR  ', error)
+      }, () => {
+        this.logger.log('[COPILOT] - loadTagsCanned  getCannedResponses * COMPLETE *')
+        this.showLoading = false
+        this.onLoadedSuggestions.emit(this.suggestions)
+      })
+    }
   }
 
 

package/src/app/components/navbar/navbar.component.ts

@@ -1,7 +1,7 @@
 import { AppConfigProvider } from 'src/app/services/app-config';
 import { TiledeskAuthService } from 'src/chat21-core/providers/tiledesk/tiledesk-auth.service';
 import { EventsService } from 'src/app/services/events-service';
-import { ProjectsService } from './../../services/projects/projects.service';
+import { ProjectService } from '../../services/projects/project.service';
 import { ChangeDetectorRef, Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service';
 import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
@@ -33,7 +33,7 @@ export class NavbarComponent implements OnInit {
   public MT: boolean;
 
   constructor(
-    private projectsService: ProjectsService,
+    private projectService: ProjectService,
     private tiledeskAuthService: TiledeskAuthService,
     private appConfigProvider: AppConfigProvider,
     private translateService: CustomTranslateService, 
@@ -78,7 +78,7 @@ export class NavbarComponent implements OnInit {
 
   getProjects() {
     this.logger.log('[NAVBAR] calling getProjects ... ');
-    this.projectsService.getProjects(this.tiledeskToken).subscribe((projects: any) => {
+    this.projectService.getProjects().subscribe((projects: any) => {
       this.logger.log('[NAVBAR] getProjects PROJECTS ', projects);
       if (projects) {
           // this.projects = projects;
@@ -170,7 +170,7 @@ export class NavbarComponent implements OnInit {
       url = baseUrl + '#/project/' + this.project.id_project.id + '/project-settings/general' + '?token=' + this.tiledeskToken
     }else if(event ==='allProjects'){
       url = baseUrl + '#/projects/' + '?token=' + this.tiledeskToken
-    }else if('addProject'){
+    }else if(event === 'addProject'){
       url = baseUrl + '#/create-new-project/' + '?token=' + this.tiledeskToken
     }
     console.log('onClickDropdownOption-->', url)

package/src/app/components/project-item/project-item.component.ts

@@ -14,6 +14,7 @@ import { WebSocketJs } from 'src/app/services/websocket/websocket-js';
 import { AppConfigProvider } from 'src/app/services/app-config';
 import { ConvertRequestToConversation } from 'src/chat21-core/utils/convertRequestToConversation';
 import { compareValues } from 'src/chat21-core/utils/utils';
+import { ProjectService } from 'src/app/services/projects/project.service';
 
 @Component({
   selector: 'app-project-item',
@@ -46,7 +47,7 @@ export class ProjectItemComponent implements OnInit {
     public appStorageService: AppStorageService,
     private translateService: CustomTranslateService,
     public tiledeskAuthService: TiledeskAuthService,
-    public tiledeskService: TiledeskService,
+    public projectService: ProjectService,
     public webSocketJs: WebSocketJs,
     private appConfigProvider: AppConfigProvider,
     public events: EventsService,
@@ -174,9 +175,7 @@ export class ProjectItemComponent implements OnInit {
 
     if (!stored_project || stored_project === 'undefined') {
       this.logger.log('PROJECT-ITEM - THERE IS NOT STORED LAST PROJECT OR IS UNDEFINED ', stored_project)
-      const tiledeskToken = this.appStorageService.getItem('tiledeskToken');
-      this.logger.log('[PROJECT-ITEM] - GET PROJECTS - tiledeskToken', tiledeskToken);
-      this.tiledeskService.getProjects(tiledeskToken).subscribe(projects => {
+      this.projectService.getProjects().subscribe(projects => {
         this.logger.log('[PROJECT-ITEM - GET PROJECTS - RES', projects);
 
         this.logger.log('[INFO-CONTENT-COMP] - GET PROJECTS - RES this.project', this.project);

package/src/app/modals/create-canned-response/create-canned-response.page.ts

@@ -177,7 +177,7 @@ export class CreateCannedResponsePage implements OnInit {
     this.logger.log('[CREATE-CANNED-RES] - CREATE CANNED RESP - MSG ', message);
     this.logger.log('[CREATE-CANNED-RES] - CREATE CANNED RESP - TITLE ', title);
 
-    this.cannedResponsesService.add(this.tiledeskToken, this.prjctID, title.trim(), message.trim()).subscribe((responses: any) => {
+    this.cannedResponsesService.add(this.prjctID, title.trim(), message.trim()).subscribe((responses: any) => {
       this.logger.log('[CREATE-CANNED-RES] - CREATE CANNED RESP - RES ', responses);
     }, (error) => {
       this.logger.error('[CREATE-CANNED-RES]- CREATE CANNED RESP - ERROR  ', error);

package/src/app/pages/contacts-directory/contacts-directory.page.ts

@@ -10,6 +10,7 @@ import { EventsService } from '../../services/events-service';
 // Logger
 import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service';
 import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
+import { AppConfigProvider } from 'src/app/services/app-config';
 
 @Component({
   selector: 'app-contacts-directory',
@@ -18,7 +19,6 @@ import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance'
 })
 export class ContactsDirectoryPage implements OnInit {
   
-  @Input() token: string;
   @Input() isMobile: boolean;
   @Input() stylesMap: Map<string, string>;
   // @Input() user: string;
@@ -31,22 +31,23 @@ export class ContactsDirectoryPage implements OnInit {
     private navService: NavProxyService,
     // private contactsDirectoryService: ContactsDirectoryService,
     private contactsService: ContactsService,
+    private appConfigProvider: AppConfigProvider,
     public events: EventsService
   ) {
+    const serverBaseUrl = this.appConfigProvider.getConfig().apiUrl
+    this.contactsService.initialize(serverBaseUrl)
   }
 
   ngOnInit() {
-    this.logger.log('[CONTACT-DIRECTORY-PAGE] - TOKEN (ngOnInit)', this.token);
     this.initialize();
   }
 
   /** */
   initialize() {
     this.logger.log('[CONTACT-DIRECTORY-PAGE] - initialize');
-    this.logger.log('[CONTACT-DIRECTORY-PAGE] - token: ', this.token);
     this.contacts = [];
     this.initSubscriptions();
-    this.contactsService.loadContactsFromUrl(this.token);
+    this.contactsService.loadContactsFromUrl();
   }
 
   /**

package/src/app/pages/conversation-detail/conversation-detail.module.ts

@@ -44,6 +44,7 @@ import { OptionsComponent } from 'src/app/chatlib/conversation-detail/message/op
 import { UserTypingComponent } from 'src/chat21-core/utils/user-typing/user-typing.component';
 import { AvatarProfileComponent } from 'src/app/components/utils/avatar-profile/avatar-profile.component';
 import { CopilotSuggestionsComponent } from 'src/app/components/copilot-suggestions/copilot-suggestions.component';
+import { CopilotPopoverComponent } from 'src/app/components/copilot-popover/copilot-popover.component';
 
 
 @NgModule({
@@ -66,7 +67,7 @@ import { CopilotSuggestionsComponent } from 'src/app/components/copilot-suggesti
     MomentModule
   ],
   // entryComponents: [MessageTextAreaComponent],
-  entryComponents: [ BubbleInfoPopoverComponent],
+  entryComponents: [ BubbleInfoPopoverComponent, CopilotPopoverComponent],
   declarations: [
     ConversationDetailPage,
     //******** COMPONENTS - init ********//
@@ -90,6 +91,7 @@ import { CopilotSuggestionsComponent } from 'src/app/components/copilot-suggesti
     ReturnReceiptComponent,
     OptionsComponent,
     BubbleInfoPopoverComponent,
+    CopilotPopoverComponent,
     UserTypingComponent,
     // --------- footer --------- //
     MessageTextAreaComponent,

package/src/app/pages/conversation-detail/conversation-detail.page.html

@@ -61,7 +61,7 @@
               here is ignored
             </span>
 
-            <div class="overlay" *ngIf="SHOW_CANNED_RESPONSES || SHOW_COPILOT_SUGGESTIONS" (click)="this.SHOW_COPILOT_SUGGESTIONS=!this.SHOW_COPILOT_SUGGESTIONS; this.SHOW_CANNED_RESPONSES = !this.SHOW_CANNED_RESPONSES"></div>
+            <div class="overlay" *ngIf="SHOW_CANNED_RESPONSES || SHOW_COPILOT_SUGGESTIONS" (click)="this.SHOW_COPILOT_SUGGESTIONS=false; this.SHOW_CANNED_RESPONSES=false"></div>
 
             <ng-template #content_welcome>
               <!-- <div class="messageFirst">
@@ -135,7 +135,8 @@
                   [messages]="messages" 
                   [senderId]="loggedUser.uid"
                   [baseLocation]="window?.location?.origin"
-                  [areVisibleCAR]="areVisibleCAR" 
+                  [areVisibleCAR]="areVisibleCAR"
+                  [isCopilotEnabled]="isCopilotEnabled"
                   [supportMode]= "supportMode"
                   [isMobile]="isMobile"
                   [isTypings]="isTypings"
@@ -183,6 +184,7 @@
 
             <copilot-suggestions *ngIf="SHOW_COPILOT_SUGGESTIONS"
               id="copilot"
+              [question]="copilotQuestion"
               [conversationWith]="conversationWith"
               [conversationWithFullname]="conversationWithFullname"
               [currentString]="messageStr"
@@ -202,7 +204,8 @@
               [channelType]="channelType"
               [channel]="conversation?.attributes?.request_channel"
               [tagsCannedFilter]="tagsCannedFilter"
-              [areVisibleCAR]="areVisibleCAR" 
+              [areVisibleCAR]="areVisibleCAR"
+              [isCopilotEnabled]="isCopilotEnabled"
               [supportMode]="supportMode"
               [leadInfo]="leadInfo"
               [fileUploadAccept]="appConfigProvider.getConfig().fileUploadAccept"

package/src/app/pages/conversation-detail/conversation-detail.page.ts

@@ -1,3 +1,4 @@
+import { ProjectPlanUtils } from './../../utils/project-utils';
 import { DomSanitizer } from '@angular/platform-browser';
 import {
   Component,
@@ -81,6 +82,7 @@ import { EventsService } from '../../services/events-service'
 import { WebsocketService } from 'src/app/services/websocket/websocket.service';
 import { Project } from 'src/chat21-core/models/projects';
 import { Globals } from 'src/app/utils/globals';
+import { ProjectService } from 'src/app/services/projects/project.service';
 
 @Component({
   selector: 'app-conversation-detail',
@@ -147,6 +149,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
 
   public_Key: any;
   areVisibleCAR: boolean;
+  isCopilotEnabled: boolean;
   supportMode: boolean;
   isEmailEnabled: boolean;
   offlineMsgEmail: boolean;
@@ -162,6 +165,10 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
   conversation: ConversationModel;
   USER_ROLE: string;
 
+  /**COPILOT : start */
+  copilotQuestion: string = '';
+  /**COPILOT : end */
+
   isMine = isMine
   isInfo = isInfo
   isFirstMessage = isFirstMessage
@@ -230,10 +237,11 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
     public presenceService: PresenceService,
     public toastController: ToastController,
     public tiledeskService: TiledeskService,
+    public projectService: ProjectService,
     private networkService: NetworkService,
     private events: EventsService,
     private webSocketService: WebsocketService,
-    private sanitizer: DomSanitizer,
+    public projectPlanUtils: ProjectPlanUtils,
     private g: Globals,
   ) {
     // Change list on date change
@@ -258,7 +266,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
     this.getConversations();
     this.watchToConnectionStatus();
     this.getOSCODE();
-    this.getStoredProjectAndUserRole();
+    this.listenToEventServiceEvents();
     this.listenToDsbrdPostMsgs();
   }
 
@@ -297,7 +305,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
   }
 
 
-  getStoredProjectAndUserRole() {
+  listenToEventServiceEvents() {
     this.events.subscribe('storage:last_project', project => {
       this.logger.log('[CONVS-DETAIL] stored_project ', project)
       if (project && project !== 'undefined') {
@@ -305,6 +313,14 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
         this.logger.log('[CONVS-DETAIL]  USER_ROLE ', this.USER_ROLE)
       }
     });
+
+    this.events.subscribe('copilot:new_question', data => {
+      this.logger.log('[CONVS-DETAIL] copilot:new_question ', data)
+      if(data?.text){
+        this.copilotQuestion = data.text
+        this.SHOW_COPILOT_SUGGESTIONS = !this.SHOW_COPILOT_SUGGESTIONS
+      }
+    })
   }
 
   getConversations() {
@@ -486,6 +502,8 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
     this.isEmailEnabled = (this.appConfigProvider.getConfig().emailSection === 'true' || this.appConfigProvider.getConfig().emailSection === true) ? true : false;
     this.isWhatsappTemplatesEnabled = (this.appConfigProvider.getConfig().whatsappTemplatesSection === 'true' || this.appConfigProvider.getConfig().whatsappTemplatesSection === true) ? true : false;
 
+    this.cannedResponsesService.initialize(appconfig.apiUrl)
+
     if (checkPlatformIsMobile()) {
       this.isMobile = true
       // this.openInfoConversation = false; // indica se è aperto il box info conversazione
@@ -532,7 +550,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
         this.logger.log('[CONVS-DETAIL] - GET PROJECTID BY CONV RECIPIENT RES + projectId', res, res.id_project)
         if (res) {
           const projectId = res.id_project
-          this.getProjectById(tiledeskToken, projectId)
+          this.getProjectById(projectId)
         }
       }, (error) => {
         this.logger.error('[CONVS-DETAIL] - GET PROJECTID BY CONV RECIPIENT - ERROR  ',conversationWith,  error)
@@ -546,13 +564,14 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
     
   }
 
-  getProjectById(tiledeskToken, projectId) {
-    this.tiledeskService.getProjectById(tiledeskToken, projectId).subscribe((project) => {
+  getProjectById(projectId) {
+    this.projectService.getProjectById(projectId).subscribe(async (project) => {
       this.logger.log('[CONVS-DETAIL] - GET PROJECTID BY CONV RECIPIENT RES', project)
       if (project) {
         const projectId = project.id_project
-        this.canShowCanned = this.checkPlanIsExpired(project)
+        this.canShowCanned = this.projectPlanUtils.checkPlanIsExpired(project)
         this.offlineMsgEmail = this.checkOfflineMsgEmailIsEnabled(project)
+        this.isCopilotEnabled = this.projectPlanUtils.checkProjectProfileFeature(project, 'copilot')
       }
     }, (error) => {
       this.logger.error('[CONVS-DETAIL] - GET PROJECTID BY CONV RECIPIENT - ERROR  ', error)
@@ -565,27 +584,6 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
   }
 
 
-  checkPlanIsExpired(project: Project): boolean {
-    let check: boolean = false
-
-    //case FREE plan
-    if(project && project.trialExpired && project.profile.type=== 'trial'){
-      check = true
-    }else if(project && !project.trialExpired && project.profile.type=== 'trial'){
-      check = false
-    }
-
-    //case PAYMENT plan
-    if(project && project.isActiveSubscription && project.profile.type=== 'payment'){
-      check = true
-    }else if(project && !project.isActiveSubscription && project.profile.type=== 'payment'){
-      check = false
-    }
-
-    return check
-  }
-
-
   checkOfflineMsgEmailIsEnabled(project: Project): boolean {
     let check: boolean = true
 
@@ -1641,6 +1639,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
   onClickOpenCannedResponses($event) {
     this.logger.log('[CONVS-DETAIL] - onClickOpenCannedResponses ', $event)
     this.SHOW_CANNED_RESPONSES = !this.SHOW_CANNED_RESPONSES
+    this.SHOW_COPILOT_SUGGESTIONS = false;
 
     //HIDE_CANNED_RESPONSES: true --> not show CANNED component
     //HIDE_CANNED_RESPONSES: false --> show CANNED component and place '/' char in textarea
@@ -1886,6 +1885,8 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
     }
     if(event === 'copilot'){
       this.SHOW_COPILOT_SUGGESTIONS = !this.SHOW_COPILOT_SUGGESTIONS
+      this.SHOW_CANNED_RESPONSES = false
+      this.copilotQuestion = ''
     }
   }
 

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

@@ -911,7 +911,7 @@ export class ConversationListPage implements OnInit {
         isMobile: this.isMobile
       })
     } else {
-      this.navService.push(ContactsDirectoryPage, { token: TOKEN })
+      this.navService.push(ContactsDirectoryPage, {})
     }
   }