@chat21/chat21-ionic 3.2.3 → 3.3.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # chat21-ionic ver 3.0
 
+### 3.3.0 in PROD
+
+### 3.3.0-rc.1
+- added: onBeforeInit event
+- added: option to hide logout icon
+- changed: BRAND_BASE_INFO values as string or boolean
+
 ### 3.2.3 in PROD
 
 ### 3.2.3-rc.1

package/package.json

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

package/src/app/app.component.ts

@@ -320,7 +320,8 @@ export class AppComponent implements OnInit {
     this.loadCustomScript(appconfig)
     this.listenToPostMsgs();
 
-    this.loadStyle(JSON.parse(localStorage.getItem('custom_style')))
+    this.loadStyle(JSON.parse(localStorage.getItem('custom_style')));
+    this.triggerOnInit('onInit')
   }
 
 
@@ -1669,10 +1670,15 @@ export class AppComponent implements OnInit {
 
 
   private triggerOnAuthStateChanged(event){
-    const detailOBJ = { event: event, isLogged: true, user: this.tiledeskAuthService.getCurrentUser() , appConfigs: this.appConfigProvider.getConfig() }
+    const detailOBJ = { event: event, isLogged: true, user: this.tiledeskAuthService.getCurrentUser() }
     this.triggerEvents.triggerOnAuthStateChanged(detailOBJ)
   }
 
+  private triggerOnInit(event){
+    const detailOBJ = { event: event, isLogged: true, user: this.tiledeskAuthService.getCurrentUser() }
+    this.triggerEvents.triggerOnInit(detailOBJ)
+  }
+
 
   // @HostListener('mouseenter', ['$event']) 
   // onMouseEnter(event: any) {

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

@@ -75,10 +75,9 @@ export class SidebarComponent implements OnInit {
   ) { }
 
   ngOnInit() {
-    this.tiledesk_url = BRAND_BASE_INFO['COMPANY_SITE_URL']
+    this.tiledesk_url = BRAND_BASE_INFO['COMPANY_SITE_URL'] as string
     
     this.DASHBOARD_URL = this.appConfig.getConfig().dashboardUrl + '#/project/';
-    console.log('[SIDEBAR] DASHBOARD_URL ', this.DASHBOARD_URL, LOGOS_ITEMS)
     this.getStoredProjectAndUserRole()
     this.subcribeToAuthStateChanged()
     this.listenTocurrentProjectUserUserAvailability$()

package/src/app/components/sidebar-user-details/sidebar-user-details.component.html

@@ -115,7 +115,7 @@
         </span>
     </section>
 
-    <section *ngIf="docEnabled" class="user-details-help-center">
+    <section *ngIf="BRAND_BASE_INFO['DOCS']" class="user-details-help-center">
         <span class="material-icons user-details-help-center-icon">support</span>
         <span class="user-details-help-center" (click)="goToHelpCenter()"> Help center</span>
     </section>
@@ -124,7 +124,7 @@
         border-top: 1px solid rgba(255, 255,255, 0.2);"> -->
 
 
-    <section class="user-details-footer-section"
+    <section class="user-details-footer-section" *ngIf="BRAND_BASE_INFO['LOGOUT_ENABLED']"
         [ngClass]="{'footer-margin-top-pricing-no-visible': isVisiblePAY === false }">
         <div role="button" class="logout-btn-wpr" (click)=onLogout()>
             <i class="material-icons user-details-logout-icon" >

package/src/app/components/sidebar-user-details/sidebar-user-details.component.ts

@@ -81,10 +81,6 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
     this.listenTocurrentProjectUserUserAvailability$();
     this.listenToCurrentStoredProject();
     this.getOSCODE();
-    if(BRAND_BASE_INFO['DOCS'] === 'false' || !BRAND_BASE_INFO['DOCS']){
-      this.docEnabled = false
-    }
-    // this.listenOpenUserSidebarEvent();
   }
 
   ngOnChanges() {  }

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

@@ -1,8 +1,8 @@
 <component-login
   [showSpinnerInLoginBtn] = showSpinnerInLoginBtn
   [translationMap] = translationMap
-  [companyLogoBlackUrl]= companyLogoBlackUrl
-  [companyName]= companyName
-  [companySiteUrl]="companySiteUrl"
+  [companyLogoBlackUrl]="LOGOS_ITEMS['BASE_LOGO'].icon"
+  [companyName]="BRAND_BASE_INFO['BRAND_NAME']"
+  [companySiteUrl]="BRAND_BASE_INFO['COMPANY_SITE_URL']"
   (onSignInWithEmailAndPassword)="onSignInWithEmailAndPassword($event)">
 </component-login>

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

@@ -28,9 +28,9 @@ import { BRAND_BASE_INFO, LOGOS_ITEMS } from 'src/app/utils/utils-resources';
 export class LoginPage implements OnInit {
   showSpinnerInLoginBtn = false;
   showErrorSignIn = false;
-  companyLogoBlackUrl: string;
-  companyName: string;
-  companySiteUrl: string;
+
+  LOGOS_ITEMS = LOGOS_ITEMS;
+  BRAND_BASE_INFO = BRAND_BASE_INFO;
 
   public translationMap: Map<string, string>;
   private subscriptions = [];
@@ -62,9 +62,6 @@ export class LoginPage implements OnInit {
 
   /** */
   initialize() {
-    this.companyLogoBlackUrl = LOGOS_ITEMS['BASE_LOGO'].icon;
-    this.companyName = BRAND_BASE_INFO['BRAND_NAME']; // this.chatManager.getTenant();
-    this.companySiteUrl = BRAND_BASE_INFO['COMPANY_SITE_URL']
     this.translations();
     this.events.subscribe('sign-in', this.signIn);
     this.setSubscriptions();

package/src/app/services/triggerEvents/triggerEvents.ts

@@ -88,5 +88,19 @@ export class TriggerEvents {
 
     }
 
+    public triggerOnInit(detailObj: {}) {
+        this.logger.debug(' ---------------- triggerOnInitEvent ---------------- ', detailObj);
+        try {
+            const onBeforeInit = new CustomEvent('onInit', { detail: detailObj });
+            const windowContext = this.windowContext;
+            if (windowContext){
+                // windowContext.document.dispatchEvent(onNewConversation);
+                windowContext.postMessage({type: "onInit", detail: detailObj }, '*')
+            }
+        } catch (e) {
+            this.logger.error('[TRIGGER-HANDLER] > Error:' + e);
+        }
+    }
+
     
 }

package/src/app/utils/utils-resources.ts

@@ -1,4 +1,4 @@
-export const BRAND_BASE_INFO: { [key: string] : string} ={
+export const BRAND_BASE_INFO: { [key: string] : string | boolean} ={
     COMPANY_NAME: "Tiledesk",
     BRAND_NAME: "Tiledesk",
     COMPANY_SITE_NAME:"tiledesk.com",
@@ -6,10 +6,11 @@ export const BRAND_BASE_INFO: { [key: string] : string} ={
     CONTACT_US_EMAIL: "support@tiledesk.com",
     FAVICON: "https://tiledesk.com/wp-content/uploads/2022/07/tiledesk_v13-300x300.png",
     META_TITLE:"Tiledesk - Open Source Live Chat",
-    DOCS: "true"
+    DOCS: true,
+    LOGOUT_ENABLED: false
 }
 
-export var LOGOS_ITEMS: { [key: string] : { label: string, icon: string }} ={
+export var LOGOS_ITEMS: { [key: string] : { label: string | boolean, icon: string }} ={
     COMPANY_LOGO: {label: BRAND_BASE_INFO.COMPANY_NAME,  icon: 'assets/logos/tiledesk_logo.svg'},
     COMPANY_LOGO_NO_TEXT: {label: BRAND_BASE_INFO.COMPANY_NAME, icon: 'assets/logos/tiledesk_logo_no_text.svg'},
     BASE_LOGO: {label: BRAND_BASE_INFO.BRAND_NAME,  icon: 'assets/logos/tiledesk_logo.svg'},

package/src/chat21-core/providers/tiledesk/tiledesk-auth.service.ts

@@ -139,6 +139,7 @@ export class TiledeskAuthService {
     localStorage.removeItem('tiledesk_token')
     this.BS_IsONLINE.next(false)
     this.setCurrentUser(null);
+    this.setTiledeskToken(null);
     // this.isOnline$.next(false) 
     const stored_project = localStorage.getItem('last_project')
     if (stored_project) {
@@ -218,4 +219,8 @@ export class TiledeskAuthService {
     return this.tiledeskToken;
   }
 
+  setTiledeskToken(token: string) {
+    this.tiledeskToken = token
+  }
+
 }