@chat21/chat21-ionic 2.0.13 → 3.0.5-9.2

package/src/app/directives/autofocus.directive.ts

@@ -0,0 +1,41 @@
+import { Directive, ElementRef, Input } from '@angular/core';
+
+@Directive({
+  selector: '[autoFocus]'
+})
+export class AutofocusDirective {
+
+  // @Input() public appAutoFocus: boolean;
+
+  // constructor(private el: ElementRef) {
+  //   console.log('AutofocusDirective EL constructor', this.el)
+  //   if (!el.nativeElement['focus']) {
+  //     throw new Error('Element does not accept focus.');
+  //   }
+  // }
+
+  // ngAfterViewInit() {
+  //   console.log('AutofocusDirective appAutoFocus', this.appAutoFocus)
+  //   const input: HTMLInputElement = this.el.nativeElement as HTMLInputElement
+
+  //   // input.select();
+  //   setTimeout(() => {
+  //     input.focus();
+  //   //   this.el.nativeElement.focus();
+  //   //   console.log('AutofocusDirective EL ngAfterContentInit', this.el)
+  //   }, 500);
+
+  // }
+
+
+  // constructor(private host: ElementRef) { }
+
+  // ngAfterViewInit() {
+  //   console.log('AutofocusDirective host ', this.host)
+  //   setTimeout(() => {
+  //     this.host.nativeElement.focus();
+  //   }, 1000);
+  // }
+
+  
+}

package/src/app/directives/html-entities-encode.pipe.spec.ts

@@ -0,0 +1,8 @@
+import { HtmlEntitiesEncodePipe } from './html-entities-encode.pipe';
+
+describe('HtmlEntitiesEncodePipe', () => {
+  it('create an instance', () => {
+    const pipe = new HtmlEntitiesEncodePipe();
+    expect(pipe).toBeTruthy();HtmlEntitiesEncodePipe
+  });
+});

package/src/app/directives/html-entities-encode.pipe.ts

@@ -0,0 +1,17 @@
+import { Pipe, PipeTransform } from '@angular/core';
+import { htmlEntities, replaceEndOfLine } from 'src/chat21-core/utils/utils';
+
+@Pipe({
+  name: 'htmlEntiesEncode'
+})
+
+export class HtmlEntitiesEncodePipe implements PipeTransform {
+
+  transform(text: any, args?: any): any { 
+    text = htmlEntities(text);
+    text = replaceEndOfLine(text);
+    text = text.trim();
+    return text;
+  }
+
+}

package/src/app/directives/marked.pipe.spec.ts

@@ -0,0 +1,8 @@
+import { MarkedPipe } from './marked.pipe';
+
+describe('MarkedPipe', () => {
+  it('create an instance', () => {
+    const pipe = new MarkedPipe();
+    expect(pipe).toBeTruthy();
+  });
+});

package/src/app/directives/marked.pipe.ts

@@ -0,0 +1,27 @@
+import { Pipe, PipeTransform } from '@angular/core';
+import * as marked from 'marked';
+
+
+@Pipe({
+  name: 'marked'
+})
+
+export class MarkedPipe implements PipeTransform {
+  transform(value: any): any {
+    const renderer = new marked.Renderer();
+    renderer.link = function(href, title, text) {
+        const link = marked.Renderer.prototype.link.call(this, href, title, text);
+        return link.replace('<a', '<a target="_blank" ');
+    };
+    marked.setOptions({
+        renderer: renderer
+    });
+    if (value && value.length > 0) {
+      const text = marked(value);
+      return text;
+    }
+    return value;
+  }
+
+
+}

package/src/app/directives/safe-html.pipe.ts

@@ -0,0 +1,16 @@
+import { Pipe, PipeTransform } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+@Pipe({
+  name: 'safeHtml'
+})
+export class SafeHtmlPipe implements PipeTransform {
+  constructor(private sanitizer:DomSanitizer){}
+  
+  transform(html) {
+    // console.log('SafeHtmlPipe html ', html)
+    // return this.sanitizer.bypassSecurityTrustHtml(html);
+    return this.sanitizer.bypassSecurityTrustResourceUrl(html);
+  
+  }
+
+}

package/src/app/pages/authentication/login/login-routing.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { LoginPage } from './login.page';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: LoginPage
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class LoginPageRoutingModule {}

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

@@ -0,0 +1,39 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+
+import { TranslateLoader, TranslateModule, TranslatePipe } from '@ngx-translate/core';
+import { HttpClient } from '@angular/common/http';
+import { createTranslateLoader } from '../../../../chat21-core/utils/utils';
+
+import { IonicModule } from '@ionic/angular';
+import { LoginPageRoutingModule } from './login-routing.module';
+import { LoginComponent } from '../../../components/authentication/login/login.component';
+
+
+import { LoginPage } from './login.page';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    ReactiveFormsModule,
+    FormsModule,
+    IonicModule,
+    LoginPageRoutingModule,
+    TranslateModule.forChild({
+      loader: {
+        provide: TranslateLoader,
+        useFactory: (createTranslateLoader),
+        deps: [HttpClient]
+      }
+    })
+  ],
+  declarations: [
+    LoginPage,
+    LoginComponent
+  ],
+  providers: [
+    LoginComponent
+  ]
+})
+export class LoginPageModule {}

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

@@ -0,0 +1,7 @@
+<component-login
+  [showSpinnerInLoginBtn] = showSpinnerInLoginBtn
+  [translationMap] = translationMap
+  [companyLogoBlackUrl]= companyLogoBlackUrl
+  [companyName]= companyName
+  (eventSignInWithEmailAndPassword)="returnSignInWithEmailAndPassword($event)">
+</component-login>

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

@@ -0,0 +1,5 @@
+component-login {
+  width: 100%;
+  height: 100%;
+}
+

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

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

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

@@ -0,0 +1,187 @@
+
+import { Component, OnInit } from '@angular/core';
+import { ToastController } from '@ionic/angular';
+
+// services
+import { MessagingAuthService } from 'src/chat21-core/providers/abstract/messagingAuth.service';
+import { TiledeskAuthService } from './../../../../chat21-core/providers/tiledesk/tiledesk-auth.service';
+import { CustomTranslateService } from 'src/chat21-core/providers/custom-translate.service';
+import { EventsService } from '../../../services/events-service';
+
+import { LoginComponent } from '../../../components/authentication/login/login.component';
+
+// utils
+import { isInArray } from 'src/chat21-core/utils/utils';
+
+// Logger
+import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service';
+import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
+
+@Component({
+  selector: 'app-login',
+  templateUrl: './login.page.html',
+  styleUrls: ['./login.page.scss'],
+})
+
+export class LoginPage implements OnInit {
+  showSpinnerInLoginBtn = false;
+  showErrorSignIn = false;
+  companyLogoBlackUrl: string;
+  companyName: string;
+
+  public translationMap: Map<string, string>;
+  private subscriptions = [];
+  private logger: LoggerService = LoggerInstance.getInstance();
+
+  constructor(
+    public tiledeskAuthService: TiledeskAuthService,
+    public messagingAuthService: MessagingAuthService,
+    private translateService: CustomTranslateService,
+    private events: EventsService,
+    private loginComponent: LoginComponent,
+    public toastController: ToastController
+  ) { }
+
+  ngOnInit() {
+    this.initialize();
+  }
+
+
+  /** */
+  ionViewDidEnter() {
+  }
+
+  /** */
+  ionViewWillLeave() {
+    this.unsubescribeAll();
+  }
+
+  /** */
+  initialize() {
+    this.companyLogoBlackUrl = 'assets/chat21-logo.svg';
+    this.companyName = 'Tiledesk'; // this.chatManager.getTenant();
+    this.translations();
+    this.events.subscribe('sign-in', this.signIn);
+    this.setSubscriptions();
+  }
+
+  /** */
+  private setSubscriptions() {
+    const keySubscription = 'sign-in';
+    if (!isInArray(keySubscription, this.subscriptions)) {
+      this.subscriptions.push(keySubscription);
+      this.events.subscribe(keySubscription, this.signIn);
+    }
+  }
+
+  /**
+   *
+   * @param user
+   * @param error
+   */
+  signIn = (user: any, error: any) => {
+    this.logger.log('[LOGIN PAGE] signIn - user', user);
+    this.logger.error('[LOGIN PAGE] signIn - error', error);
+    if (error) {
+      // faccio uscire alert
+      const error = this.translationMap.get('LABEL_SIGNIN_ERROR');
+      this.showSpinnerInLoginBtn = false;
+      // this.presentToast(errore);
+      this.loginComponent.showErrorSignIn(error);
+    }
+  }
+
+  public translations() {
+    const keys = [
+      'LABEL_SIGNIN_TO',
+      'LABEL_EMAIL',
+      'LABEL_PASSWORD',
+      'LABEL_SIGNIN',
+      'LABEL_DONT_HAVE_AN_ACCOUNT_YET',
+      'LABEL_SIGNUP',
+      'LABEL_FORGOT_YOUR_PASSWORD',
+      'LABEL_CLICK_HERE',
+      'LABEL_SIGNIN_ERROR',
+      'SIGNIN_ERROR_USER_NOT_FOUND',
+      'SIGNIN_ERROR_USER_WRONG_PSW',
+      'Email is required',
+      'Email must be a valid email',
+      'Password is required',
+      'Password must be at least 6 characters long'
+
+    ];
+    this.translationMap = this.translateService.translateLanguage(keys);
+  }
+
+  /**
+   *
+   * @param auth
+   */
+  returnSignInWithEmailAndPassword(auth: any) {
+    this.showSpinnerInLoginBtn = true
+    this.logger.log('[LOGIN PAGE] returnSignInWithEmailAndPassword', auth, auth.email, auth.password);
+    this.tiledeskAuthService.signInWithEmailAndPassword(auth.email, auth.password)
+      .then(tiledeskToken => {
+        this.messagingAuthService.createCustomToken(tiledeskToken) 
+      })
+      .catch(error => {
+        this.showSpinnerInLoginBtn = false;
+        this.logger.error('[LOGIN PAGE] signInWithEmailAndPassword error', error);
+        this.logger.error('[LOGIN PAGE] signInWithEmailAndPassword error msg', error.error.msg);
+        this.logger.error('[LOGIN PAGE] signInWithEmailAndPassword error msg TYPE OF', typeof error.error.msg);
+        let error_msg = '';
+        if (error.error.msg == "Authentication failed. User not found.") {
+          this.logger.error('[LOGIN PAGE] signInWithEmailAndPassword error HERE 1', error.error.msg);
+          error_msg = this.translationMap.get('SIGNIN_ERROR_USER_NOT_FOUND');
+        } else if (error.error.msg === "Authentication failed. Wrong password.") {
+          this.logger.error('[LOGIN PAGE] signInWithEmailAndPassword error HERE 2', error.error.msg);
+          error_msg = this.translationMap.get('SIGNIN_ERROR_USER_WRONG_PSW');
+        } else {
+          this.logger.error('[LOGIN PAGE] signInWithEmailAndPassword error HERE 3', error.error.msg);
+          error_msg = this.translationMap.get('LABEL_SIGNIN_ERROR');
+        }
+
+        this.presentToast(error_msg)
+      })
+      .finally(() => {
+        // this.showSpinnerInLoginBtn = false;
+        this.logger.log('[LOGIN PAGE] signInWithEmailAndPassword ');
+      });
+
+    // this.authService.signInWithEmailAndPassword(auth.email, auth.password);
+  }
+
+  async presentToast(errormsg: string) {
+    const toast = await this.toastController.create({
+      message: errormsg,
+      duration: 3000,
+      color: "danger",
+      cssClass: 'toast-custom-class',
+    });
+    toast.present();
+  }
+
+  /** */
+  // async presentToast(error: string) {
+  //   const toast = await this.toastController.create({
+  //     message: error,
+  //     duration: 2000,
+  //     header: 'Attenzione',
+  //     position: 'top',
+  //     buttons: null
+  //   });
+  //   toast.present();
+  // }
+
+  /** */
+  private unsubescribeAll() {
+    this.logger.log('[LOGIN PAGE] - unsubescribeAll: ', this.subscriptions);
+    this.subscriptions.forEach((subscription: any) => {
+      this.logger.log('[LOGIN PAGE] - unsubescribe: ', subscription);
+      this.events.unsubscribe(subscription, null);
+    });
+    this.subscriptions = [];
+  }
+
+
+}

package/src/app/pages/contacts-directory/contacts-directory-routing.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { ContactsDirectoryPage } from './contacts-directory.page';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: ContactsDirectoryPage
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class ContactsDirectoryPageRoutingModule {}

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

@@ -0,0 +1,42 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { IonicModule } from '@ionic/angular';
+import {TranslateLoader, TranslateModule, TranslatePipe} from '@ngx-translate/core';
+
+import { ContactsDirectoryPageRoutingModule } from './contacts-directory-routing.module';
+import { ContactsDirectoryComponent } from '../../components/contacts-directory/contacts-directory.component';
+
+import { ContactsDirectoryPage } from './contacts-directory.page';
+// import { ContactsDirectoryService } from '../../services/contacts-directory.service';
+// import { TiledeskContactsDirectoryService } from '../../services/tiledesk/tiledesk-contacts-directory.service';
+import { HttpClient } from '@angular/common/http';
+
+
+// export function contactsFactory(http: HttpClient) {
+//   console.log('contactsFactory: ');
+//   return new TiledeskContactsDirectoryService(http);
+// }
+
+
+@NgModule({
+  providers: [
+  // {
+  //   provide: ContactsDirectoryService,
+  //   useFactory: contactsFactory,
+  //   deps: [HttpClient]
+  //  }
+  ],
+  imports: [
+    CommonModule,
+    FormsModule,
+    IonicModule,
+    ContactsDirectoryPageRoutingModule,
+    TranslateModule
+  ],
+  declarations: [
+    ContactsDirectoryPage,
+    ContactsDirectoryComponent
+  ]
+})
+export class ContactsDirectoryPageModule {}

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

@@ -0,0 +1,19 @@
+<ion-header>
+  <ion-toolbar>
+    <ion-title>{{ 'LABEL_NEW_CHAT' | translate }}</ion-title>
+
+    <ion-buttons slot="end">
+      <ion-button ion-button fill="clear" (click)="onClose()">
+        <ion-icon slot="icon-only" name="close"></ion-icon>
+      </ion-button>
+    </ion-buttons>
+
+  </ion-toolbar>
+</ion-header>
+
+<ion-content>
+  <component-contacts-directory 
+    [contacts] = contacts
+    (onOpenNewChat) = openNewChat($event)>
+  </component-contacts-directory>
+</ion-content>

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

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

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

@@ -0,0 +1,125 @@
+import { Component, OnInit, Input } from '@angular/core';
+import { ModalController } from '@ionic/angular';
+
+import { NavProxyService } from '../../services/nav-proxy.service';
+import { ContactsService } from 'src/app/services/contacts/contacts.service';
+// import { ContactsDirectoryService, CONTACTS_URL } from '../../services/contacts-directory.service';
+import { UserModel } from 'src/chat21-core/models/user';
+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';
+
+@Component({
+  selector: 'app-contacts-directory',
+  templateUrl: './contacts-directory.page.html',
+  styleUrls: ['./contacts-directory.page.scss'],
+})
+export class ContactsDirectoryPage implements OnInit {
+  @Input() token: string;
+  // @Input() user: string;
+
+  public contacts: Array<UserModel>;
+  private logger: LoggerService = LoggerInstance.getInstance();
+
+  constructor(
+    private modalController: ModalController,
+    private navService: NavProxyService,
+    // private contactsDirectoryService: ContactsDirectoryService,
+    private contactsService: ContactsService,
+    public events: EventsService
+  ) {
+  }
+
+  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);
+  }
+
+  /**
+   * initSubscriptions
+   */
+  initSubscriptions() {
+    this.logger.log('[CONTACT-DIRECTORY-PAGE] initSubscriptions to BScontacts');
+    const that = this;
+    this.contactsService.BScontacts.subscribe((contacts: any) => {
+      this.logger.log('[CONTACT-DIRECTORY-PAGE] ***** BScontacts *****', contacts);
+      if (contacts) {
+        that.contacts = contacts;
+      }
+    });
+  }
+
+  /**
+   * setContacts
+   * @param data
+   */
+  setContacts(data: any) {
+    this.contacts = [];
+    const listOfContacts = JSON.parse(JSON.stringify(data));
+    listOfContacts.forEach((user: UserModel) => {
+      let fullname = '';
+      if (user.firstname && user.firstname !== undefined) {
+        fullname += user.firstname;
+      }
+      if (user.lastname && user.lastname !== undefined) {
+        fullname += ' ' + user.lastname;
+      }
+      user.fullname = fullname;
+      this.contacts.push(user);
+    });
+  }
+
+  /** */
+  getTokenFromLocalStorage() {
+    let token = localStorage.getItem('tiledeskToken'); // ??? NN CREDO SIA USATO
+    this.logger.log('[CONTACT-DIRECTORY-PAGE] getTokenFromLocalStorage token ', token);
+    const user = JSON.parse(localStorage.getItem('user'));
+    if (user) {
+      this.logger.log('[CONTACT-DIRECTORY-PAGE] DSHBRD STORED USER: ', user);
+      if (user.token) {
+        token = user.token;
+        this.logger.log('[CONTACTS-DIRECTORY] DSHBRD STORED USER > TOKEN: ', user.token);
+      }
+    }
+    return token;
+  }
+
+  /** */
+  async onClose() {
+    this.logger.log('[CONTACT-DIRECTORY-PAGE] - onClose MODAL')
+    this.logger.log('[CONTACT-DIRECTORY-PAGE] - onClose MODAL isModalOpened ', await this.modalController.getTop())
+    const isModalOpened = await this.modalController.getTop();
+
+    if (isModalOpened) {
+      this.modalController.dismiss({
+
+        confirmed: true
+      });
+    } else {
+      this.navService.pop();
+    }
+  }
+
+  /**
+   *
+   * @param user
+   */
+  openNewChat(user: UserModel) {
+    // this.onClose();
+    this.logger.log('[CONTACT-DIRECTORY-PAGE] - openNewChat')
+    this.events.publish('uidConvSelected:changed', user, 'new');
+    this.onClose();
+  }
+
+}

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

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { ConversationDetailPage } from './conversation-detail.page';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: ConversationDetailPage
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class ConversationDetailPageRoutingModule {}