@chat21/chat21-ionic 3.0.102 → 3.0.103-rc.2

package/src/app/components/authentication/login/login.component.ts

@@ -2,7 +2,7 @@ import { Injectable, Component, OnInit, Input, Output, EventEmitter, ViewChild }
 import { FormBuilder, FormGroup, Validators } from '@angular/forms';
 import { ToastController, IonInput } from '@ionic/angular';
 import { AppConfigProvider } from '../../../services/app-config';
-
+import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';
 
 // Logger
 import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service';
@@ -24,8 +24,8 @@ export class LoginComponent implements OnInit {
   @Input() translationMap: Map<string, string>;
   @Input() companyLogoBlackUrl: string;
   @Input() companyName: string;
-  @Output() eventSignInWithEmailAndPassword = new EventEmitter<{ email: string, password: string }>();
-
+  @Output() onSignInWithEmailAndPassword = new EventEmitter<{ email: string, password: string }>();
+  @Output() onSignInWithGoogle = new EventEmitter()
   // (eventSignInWithEmailAndPassword)="returnSignInWithEmailAndPassword($event)"
 
   // @ViewChild('email', {  static: false })  emailInputEl: IonInput;
@@ -53,7 +53,8 @@ export class LoginComponent implements OnInit {
   constructor(
     public formBuilder: FormBuilder,
     public toastController: ToastController,
-    public appConfig: AppConfigProvider
+    public appConfig: AppConfigProvider,
+    public iab: InAppBrowser,
   ) { }
 
   ngOnInit() {
@@ -130,7 +131,13 @@ export class LoginComponent implements OnInit {
     const emailValue = this.userForm.value.email;
     const pswValue = this.userForm.value.password;
     this.showSpinnerInLoginBtn = true;
-    this.eventSignInWithEmailAndPassword.emit({ email: emailValue, password: pswValue });
+    this.onSignInWithEmailAndPassword.emit({ email: emailValue, password: pswValue });
+  }
+
+  signInWithGoogle(){
+    // const url = this.SERVER_BASE_PATH + "auth/google"
+    const url = "https://eu.rtmv3.tiledesk.com/api/auth/google" + '?forced_redirect_url=chat://conversation-detail?from=google'
+    this.iab.create(url, '_system', 'locaation=yes')
   }
 
   /** */

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

@@ -33,4 +33,7 @@
       <div class="label">{{translationMap.get('LABEL_LOADING')}}</div>
     </div>
   </div>
+  <div *ngIf="!canShowCanned">
+    
+  </div>
 </div>

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

@@ -8,6 +8,7 @@ import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance'
 import { TiledeskAuthService } from 'src/chat21-core/providers/tiledesk/tiledesk-auth.service';
 import { compareValues, htmlEntities } from 'src/chat21-core/utils/utils';
 import { getProjectIdSelectedConversation } from 'src/chat21-core/utils/utils-message';
+import { PLAN_NAME } from 'src/chat21-core/utils/constants';
 
 @Component({
   selector: 'app-canned-response',
@@ -20,6 +21,7 @@ export class CannedResponseComponent implements OnInit {
   @Input() conversationWith: string;
   @Input() conversationWithFullname: string;
   @Input() currentString: string;
+  @Input() canShowCanned: boolean = true;
   @Input() stylesMap: Map<string, string>;
   @Input() translationMap: Map<string, string>;
   @Output() onLoadedCannedResponses = new EventEmitter<[any]>();
@@ -33,6 +35,9 @@ export class CannedResponseComponent implements OnInit {
   public tagsCannedFilter: any = []
 
   public arrowkeyLocation = -1
+
+  tparams: any;
+  PLAN_NAME = PLAN_NAME
   
   private logger: LoggerService = LoggerInstance.getInstance();
   constructor(
@@ -45,6 +50,7 @@ export class CannedResponseComponent implements OnInit {
 
   ngOnInit() {
     this.loggedUser = this.tiledeskAuthService.getCurrentUser()
+    this.tparams = {'plan_name': PLAN_NAME.A}
   }
 
   ngOnChanges(changes: SimpleChange){
@@ -56,6 +62,7 @@ export class CannedResponseComponent implements OnInit {
     if(this.currentString !== undefined){
       this.loadTagsCanned(this.currentString, this.conversationWith)
     }
+    console.log('can show canneddddddd', this.canShowCanned)
   }
 
   // getProjectIdSelectedConversation(conversationWith: string): string{

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

@@ -396,7 +396,7 @@ export class MessageTextAreaComponent implements OnInit, AfterViewInit, OnChange
       enableBackdropDismiss: false, 
       conversationWith: this.conversationWith, 
       msg: this.messageString,
-      email: this.leadInfo.email,
+      // email: this.leadInfo.email,
       projectId: this.leadInfo.projectId,
       translationMap: this.translationMap};
     const modal: HTMLIonModalElement =
@@ -594,7 +594,7 @@ export class MessageTextAreaComponent implements OnInit, AfterViewInit, OnChange
     this.messageString = '';
     // text = text.replace(/(\r\n|\n|\r)/gm, '');
     if (text && text.trim() !== '') {
-      this.eventSendMessage.emit({ msg: text, type: TYPE_MSG_TEXT });
+      this.eventSendMessage.emit({ msg: text, type: TYPE_MSG_TEXT, metadata: null, attributes: null });
     }
   }
 

package/src/app/components/conversation-info/conversation-info.module.ts

@@ -1,11 +1,33 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { InfoContentComponent } from './info-content/info-content.component';
+import { InfoSupportGroupComponent } from './info-support-group/info-support-group.component';
+import { InfoDirectComponent } from './info-direct/info-direct.component';
+import { InfoGroupComponent } from './info-group/info-group.component';
+import { AdvancedInfoAccordionComponent } from './advanced-info-accordion/advanced-info-accordion.component';
+import { IonicModule } from '@ionic/angular';
+import { SharedModule } from 'src/app/shared/shared.module';
 
 
 @NgModule({
-  declarations: [],
+  declarations: [
+    InfoContentComponent,
+    InfoSupportGroupComponent,
+    InfoDirectComponent,
+    InfoGroupComponent,
+    AdvancedInfoAccordionComponent
+  ],
+  exports:[
+    InfoContentComponent,
+    InfoSupportGroupComponent,
+    InfoDirectComponent,
+    InfoGroupComponent,
+    AdvancedInfoAccordionComponent
+  ],
   imports: [
     CommonModule,
+    IonicModule,
+    SharedModule
   ]
 })
 export class ConversationInfoModule { }

package/src/app/modals/send-email/send-email.page.ts

@@ -18,7 +18,7 @@ export class SendEmailModal implements OnInit {
   @Input() enableBackdropDismiss: any
   @Input() conversationWith: string;
   @Input() msg: string;
-  @Input() email: string;
+  // @Input() email: string;
   @Input() projectId: string;
   @Input() translationMap: Map<string, string>;
   @Output() onSubmitForm = new EventEmitter<{}>();
@@ -72,8 +72,8 @@ export class SendEmailModal implements OnInit {
     return this.formBuilder.group({
       subject: ['', [Validators.required]],
       text: ['', Validators.required],
-      to: this.email,
-      request_id: this.conversationWith
+      // to: this.email,
+      // request_id: this.conversationWith
     })
   }
   async onClose() {
@@ -83,7 +83,7 @@ export class SendEmailModal implements OnInit {
   onSubmit(){
     this.logger.log('[SEND-EMAIL-MODAL] onSubmit -->',this.emailFormGroup)
     const tiledeskToken = this.tiledeskAuthService.getTiledeskToken()
-    this.tiledeskService.sendEmail(tiledeskToken, this.projectId, this.emailFormGroup.value).subscribe((res)=> {
+    this.tiledeskService.sendEmail(tiledeskToken, this.projectId, this.conversationWith, this.emailFormGroup.value).subscribe((res)=> {
       this.logger.debug('[SEND-EMAIL-MODAL] subscribe to sendEmail API response -->', res)
       if(res && res.queued){
         this.viewCtrl.dismiss({form: this.emailFormGroup.value})

package/src/app/modals/send-whatsapp-template/send-whatsapp-template.module.ts

@@ -17,7 +17,6 @@ import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
     CommonModule,
     FormsModule,
     IonicModule,
-    //MarkedPipe,
     SendWhatsappTemplatePageRoutingModule,
     TranslateModule.forChild({
       loader: {

package/src/app/pages/authentication/login/login.page.html

@@ -3,5 +3,5 @@
   [translationMap] = translationMap
   [companyLogoBlackUrl]= companyLogoBlackUrl
   [companyName]= companyName
-  (eventSignInWithEmailAndPassword)="returnSignInWithEmailAndPassword($event)">
+  (onSignInWithEmailAndPassword)="onSignInWithEmailAndPassword($event)">
 </component-login>

package/src/app/pages/authentication/login/login.page.ts

@@ -118,7 +118,7 @@ export class LoginPage implements OnInit {
    *
    * @param auth
    */
-  returnSignInWithEmailAndPassword(auth: any) {
+  onSignInWithEmailAndPassword(auth: any) {
     this.showSpinnerInLoginBtn = true
     this.logger.log('[LOGIN PAGE] returnSignInWithEmailAndPassword', auth, auth.email, auth.password);
     this.tiledeskAuthService.signInWithEmailAndPassword(auth.email, auth.password)

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

@@ -1,5 +1,4 @@
 import { BubbleInfoPopoverComponent } from '../../components/bubbleMessageInfo-popover/bubbleinfo-popover.component';
-import { BubbleMessageComponent } from './../../chatlib/conversation-detail/message/bubble-message/bubble-message.component';
 import { CannedResponseComponent } from './../../components/canned-response/canned-response.component';
 import { TruncatePipe } from './../../directives/truncate.pipe';
 import { IonConversationDetailComponent } from '../../chatlib/conversation-detail/ion-conversation-detail/ion-conversation-detail.component';
@@ -15,19 +14,7 @@ import { IonicModule } from '@ionic/angular';
 import { ConversationDetailPageRoutingModule } from './conversation-detail-routing.module';
 import { ConversationDetailPage } from './conversation-detail.page';
 
-// import { InfoSupportGroupComponent } from '../../components/conversation-info/info-support-group/info-support-group.component';
-// import { InfoDirectComponent } from '../../components/conversation-info/info-direct/info-direct.component';
-// import { InfoGroupComponent } from '../../components/conversation-info/info-group/info-group.component';
-
 // tslint:disable-next-line: max-line-length
-import { HeaderConversationDetailComponent } from '../../components/conversation-detail/header-conversation-detail/header-conversation-detail.component';
-import { MessageTextAreaComponent } from '../../components/conversation-detail/message-text-area/message-text-area.component';
-// import { InfoContentComponent } from '../../components/conversation-info/info-content/info-content.component';
-// import { InfoDirectComponent } from '../../components/conversation-info/info-direct/info-direct.component';
-import { InfoContentComponent } from 'src/app/components/conversation-info/info-content/info-content.component';
-import { InfoSupportGroupComponent } from 'src/app/components/conversation-info/info-support-group/info-support-group.component';
-import { InfoDirectComponent } from 'src/app/components/conversation-info/info-direct/info-direct.component';
-import { InfoGroupComponent } from 'src/app/components/conversation-info/info-group/info-group.component';
 
 
 import { SharedModule } from 'src/app/shared/shared.module';
@@ -35,12 +22,36 @@ import { ScrollbarThemeModule } from '../../utils/scrollbar-theme.directive';
 import { PickerModule } from '@ctrl/ngx-emoji-mart';
 
 
+import { ConversationInfoModule } from 'src/app/components/conversation-info/conversation-info.module';
+import { ConversationContentComponent } from 'src/app/chatlib/conversation-detail/conversation-content/conversation-content.component';
+import { HeaderConversationDetailComponent } from '../../components/conversation-detail/header-conversation-detail/header-conversation-detail.component';
+import { MessageTextAreaComponent } from '../../components/conversation-detail/message-text-area/message-text-area.component';
+import { BubbleMessageComponent } from './../../chatlib/conversation-detail/message/bubble-message/bubble-message.component';
+import { FrameComponent } from 'src/app/chatlib/conversation-detail/message/frame/frame.component';
+import { ImageComponent } from 'src/app/chatlib/conversation-detail/message/image/image.component';
+import { AudioComponent } from 'src/app/chatlib/conversation-detail/message/audio/audio.component';
+import { TextComponent } from 'src/app/chatlib/conversation-detail/message/text/text.component';
+import { MomentModule } from 'ngx-moment';
+import { AvatarComponent } from 'src/app/chatlib/conversation-detail/message/avatar/avatar.component';
+import { ActionButtonComponent } from 'src/app/chatlib/conversation-detail/message/buttons/action-button/action-button.component';
+import { LinkButtonComponent } from 'src/app/chatlib/conversation-detail/message/buttons/link-button/link-button.component';
+import { TextButtonComponent } from 'src/app/chatlib/conversation-detail/message/buttons/text-button/text-button.component';
+import { HtmlComponent } from 'src/app/chatlib/conversation-detail/message/html/html.component';
+import { InfoMessageComponent } from 'src/app/chatlib/conversation-detail/message/info-message/info-message.component';
+import { MessageAttachmentComponent } from 'src/app/chatlib/conversation-detail/message/message-attachment/message-attachment.component';
+import { ReturnReceiptComponent } from 'src/app/chatlib/conversation-detail/message/return-receipt/return-receipt.component';
+import { OptionsComponent } from 'src/app/chatlib/conversation-detail/message/options/options.component';
+import { UserTypingComponent } from 'src/chat21-core/utils/user-typing/user-typing.component';
+import { AvatarProfileComponent } from 'src/app/components/utils/avatar-profile/avatar-profile.component';
+
+
 @NgModule({
   imports: [
     CommonModule,
     FormsModule,
     IonicModule,
     ConversationDetailPageRoutingModule,
+    ConversationInfoModule,
     ScrollbarThemeModule,
     PickerModule,
     TranslateModule.forChild({
@@ -51,20 +62,46 @@ import { PickerModule } from '@ctrl/ngx-emoji-mart';
       },
     }),
     SharedModule,
+    MomentModule
   ],
   // entryComponents: [MessageTextAreaComponent],
   entryComponents: [ BubbleInfoPopoverComponent],
   declarations: [
     ConversationDetailPage,
+    //******** COMPONENTS - init ********//
+    // --------- header --------- //
     HeaderConversationDetailComponent,
+    // --------- content --------- //
+    IonConversationDetailComponent,
+    ConversationContentComponent,
+    BubbleMessageComponent,
+    FrameComponent,
+    ImageComponent,
+    AudioComponent,
+    TextComponent,
+    AvatarComponent,
+    HtmlComponent,
+    InfoMessageComponent,
+    MessageAttachmentComponent,
+    ActionButtonComponent,
+    LinkButtonComponent,
+    TextButtonComponent,
+    ReturnReceiptComponent,
+    OptionsComponent,
+    BubbleInfoPopoverComponent,
+    UserTypingComponent,
+    // --------- footer --------- //
     MessageTextAreaComponent,
     CannedResponseComponent,
-    BubbleInfoPopoverComponent,
-    // InfoContentComponent,
-    // InfoSupportGroupComponent,
-    // InfoDirectComponent,
-    // InfoGroupComponent,
+
+
     TruncatePipe
+  ],
+  exports:[
+    // --------- content --------- //
+    // IonConversationDetailComponent,
+    // ConversationContentComponent,
+    // BubbleMessageComponent,
   ]
 })
 export class ConversationDetailPageModule {}

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

@@ -170,6 +170,7 @@
             <!-- ----------------------------------------------------------- -->
             <app-canned-response *ngIf="HIDE_CANNED_RESPONSES === false"
               id="canned"
+              [canShowCanned]="canShowCanned"
               [conversationWith]="conversationWith"
               [conversationWithFullname]="conversationWithFullname"
               [currentString]="messageStr"

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

@@ -88,6 +88,7 @@ import { NetworkService } from '../../services/network-service/network.service'
 import { EventsService } from '../../services/events-service'
 import { ScrollbarThemeDirective } from 'src/app/utils/scrollbar-theme.directive'
 import { WebsocketService } from 'src/app/services/websocket/websocket.service';
+import { Project } from 'src/chat21-core/models/projects';
 
 @Component({
   selector: 'app-conversation-detail',
@@ -141,6 +142,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
   public tagsCannedFilter: Array<any> = [];
   public tagsCannedCount: number;
   public HIDE_CANNED_RESPONSES: boolean = true
+  public canShowCanned: boolean = true
 
   public window: any = window
   public styleMap: Map<string, string> = new Map()
@@ -523,7 +525,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
     // this.initConversationsHandler(); // nk
     if (this.conversationWith) {
       this.disableTextarea = false
-      // this._getProjectIdByConversationWith(this.conversationWith)
+      this._getProjectIdByConversationWith(this.conversationWith)
       this.initConversationHandler()
       this.initGroupsHandler()
       this.initSubscriptions()
@@ -539,7 +541,6 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
 
   _getProjectIdByConversationWith(conversationWith: string) {
     const tiledeskToken = this.tiledeskAuthService.getTiledeskToken()
-
     this.tiledeskService.getProjectIdByConvRecipient(tiledeskToken, conversationWith).subscribe((res) => {
       this.logger.log('[CONVS-DETAIL] - GET PROJECTID BY CONV RECIPIENT RES + projectId', res, res.id_project)
       if (res) {
@@ -554,10 +555,11 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
   }
 
   getProjectById(tiledeskToken, projectId) {
-    this.tiledeskService.getProjectById(tiledeskToken, projectId).subscribe((res) => {
-      this.logger.log('[CONVS-DETAIL] - GET PROJECTID BY CONV RECIPIENT RES', res)
-      if (res) {
-        const projectId = res.id_project
+    this.tiledeskService.getProjectById(tiledeskToken, projectId).subscribe((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)
       }
     }, (error) => {
       this.logger.error('[CONVS-DETAIL] - GET PROJECTID BY CONV RECIPIENT - ERROR  ', error)
@@ -569,6 +571,27 @@ 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
+  }
+
   // getProjectIdSelectedConversation(conversationWith: string): string{
   //   const conversationWith_segments = conversationWith.split('-')
   //   // Removes the last element of the array if is = to the separator
@@ -845,7 +868,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
     //   this.logger.log('[CONVS-DETAIL] - setHeaderContent conversationWith', this.conversationWith)
     //   this.logger.log('[CONVS-DETAIL] - setHeaderContent conversationsHandlerService', this.conversationsHandlerService)
     //   this.logger.log('[CONVS-DETAIL] - setHeaderContent conv_type', this.conv_type)
-    if (this.conversationWith && this.conversationsHandlerService && this.conv_type === 'active') {
+    if (this.conversationWith && this.conversationsHandlerService && (this.conv_type === 'active' || this.conv_type === 'new')) {
       this.logger.log('[CONVS-DETAIL] - setHeaderContent getConversationDetail CALLING')
       this.conversationsHandlerService.getConversationDetail(this.conversationWith, (conv) => {
         this.logger.debug('[CONV-COMP] setHeaderContent getConversationDetail: conversationsHandlerService ', this.conversationWith, conv, this.conv_type)
@@ -1006,13 +1029,11 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
   sendEmail(message: string): Observable<boolean> {
     const tiledeskToken = this.tiledeskAuthService.getTiledeskToken();
     const emailFormGroup = {
-      to: this.leadInfo.email,
       subject: this.translationsMap.get('EMAIL.SUBJECT_OFFLINE_MESSAGE'),
-      text: message,
-      request_id: this.conversationWith
+      text: message
     }
     let status = new Subject<boolean>();
-    this.tiledeskService.sendEmail(tiledeskToken, this.leadInfo.projectId, emailFormGroup).subscribe((res) => {
+    this.tiledeskService.sendEmail(tiledeskToken, this.leadInfo.projectId, this.conversationWith, emailFormGroup).subscribe((res) => {
       this.logger.debug('[SEND-EMAIL-MODAL] subscribe to sendEmail API response -->', res)
       if (res && res.queued) {
         this.presentToast(this.translationsMap.get('EMAIL.SEND_EMAIL_SUCCESS_OFFLINE_MESSAGE'), 'success', '', 2000)
@@ -1089,9 +1110,8 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
         msg = `[${metadata.name}](${metadata.src})`
       }
     }
-    this.conversation.attributes && this.conversation.attributes['request_channel'] ? attributes.request_channel = this.conversation.attributes['request_channel'] : null;
+    this.conversation && this.conversation.attributes && this.conversation.attributes['request_channel'] ? attributes.request_channel = this.conversation.attributes['request_channel'] : null;
     metadata ? (metadata = metadata) : (metadata = '')
-    this.logger.log('[CONVS-DETAIL] attributes--->>>> 1111', this.conversation.attributes, attributes)
     this.logger.log('[CONVS-DETAIL] - SEND MESSAGE msg: ', msg, ' - messages: ', this.messages, ' - loggedUser: ', this.loggedUser)
 
 

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

@@ -19,6 +19,15 @@ import { ProfileInfoPageModule } from '../profile-info/profile-info.module';
 // import { ConversationDetailPageModule } from '../conversation-detail/conversation-detail.module';
 import { SharedModule } from 'src/app/shared/shared.module';
 import { ScrollbarThemeModule } from '../../utils/scrollbar-theme.directive';
+import { ListConversationsComponent } from 'src/app/chatlib/list-conversations-component/list-conversations/list-conversations.component';
+import { IonListConversationsComponent } from 'src/app/chatlib/list-conversations-component/ion-list-conversations/ion-list-conversations.component';
+import { HeaderConversationsList } from 'src/app/components/conversations-list/header-conversations-list/header-conversations-list.component';
+import { HeaderConversationsListArchived } from 'src/app/components/conversations-list/header-conversations-list-archived/header-conversations-list-archived.component';
+import { HeaderConversationsListUnassigned } from 'src/app/components/conversations-list/header-conversations-list-unassigned/header-conversations-list-unassigned.component';
+import { ProjectItemComponent } from 'src/app/components/project-item/project-item.component';
+import { MomentModule } from 'ngx-moment';
+
+
 @NgModule({
   imports: [
     CommonModule,
@@ -26,8 +35,8 @@ import { ScrollbarThemeModule } from '../../utils/scrollbar-theme.directive';
     IonicModule,
     ConversationListPageRoutingModule,
     // ConversationDetailPageModule,
-    ContactsDirectoryPageModule,
-    ProfileInfoPageModule,
+    // ContactsDirectoryPageModule,
+    // ProfileInfoPageModule,
     ScrollbarThemeModule,
     TranslateModule.forChild({
       loader: {
@@ -36,9 +45,20 @@ import { ScrollbarThemeModule } from '../../utils/scrollbar-theme.directive';
         deps: [HttpClient]
       }
     }),
-    SharedModule
+    SharedModule,
+    MomentModule
   ],
   // entryComponents: [DdpHeaderComponent],
-  declarations: [ConversationListPage]
+  declarations: [
+    ConversationListPage,
+    //******** COMPONENTS - init ********//
+    ListConversationsComponent,
+    IonListConversationsComponent,
+    HeaderConversationsList,
+    HeaderConversationsListArchived,
+    HeaderConversationsListUnassigned,
+    ProjectItemComponent
+
+  ]
 })
 export class ConversationListPageModule { }

package/src/app/services/tiledesk/tiledesk.service.ts

@@ -275,7 +275,7 @@ export class TiledeskService {
   // -----------------------------------------------------------------------------------------
   // @ Send Email
   // -----------------------------------------------------------------------------------------
-  public sendEmail(token: string, projectid: string, form: { to: string, subject: string, text: string, request_id: string}) {
+  public sendEmail(token: string, projectid: string, request_id: string, form: { subject: string, text: string}) {
     
     const httpOptions = {
       headers: new HttpHeaders({
@@ -287,7 +287,7 @@ export class TiledeskService {
 
     const body = form;
 
-    const url = this.apiUrl + projectid + '/emails/send';
+    const url = this.apiUrl + projectid + '/requests/' + request_id + '/email/send';
     this.logger.log('[TILEDESK-SERVICE] - sendEmail URL ', url);
     return this.http.post(url, body, httpOptions).pipe(map((res: any) => {
         this.logger.log('[TILEDESK-SERVICE] - sendEmail - RES ', res);