@chat21/chat21-ionic 3.0.108 → 3.0.109-rc.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # chat21-ionic ver 3.0
 
+### 3.0.109 in PROD
+
+### 3.0.109-rc.1
+- added: BASE_LOGO_GRAY resource key
+- bug-fixed: body texarea into email modal has 0px height
+
 ### 3.0.108 in PROD
 
 ### 3.0.108.rc.1

package/package.json

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

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

@@ -29,12 +29,13 @@
           formControlName="text"
           autosize="false" 
           auto-grow="true" 
-          autofocus="true" 
+          autofocus="true"
+          rows="2"
           placeholder="{{translationMap?.get('EMAIL.MESSAGE_PLACEHOLDER')}}">
         </ion-textarea>
-        <div class="info-wrapper">
+        <div class="info-wrapper" *ngIf="LOGOS_ITEMS['BASE_LOGO_GRAY'].icon">
           <ion-label>Powered by</ion-label>
-          <img [src]="LOGOS_ITEMS['BASE_LOGO'].icon">
+          <img [src]="LOGOS_ITEMS['BASE_LOGO_GRAY'].icon">
         </div>
       </div>
 

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

@@ -33,6 +33,10 @@ ion-content{
         ion-textarea{
             min-height: calc(100% - 50px);
             max-height: calc(100% - 50px);
+            
+            &::ng-deep textarea {
+                height: unset !important;
+            }
         }
     }
 
@@ -138,6 +142,10 @@ ion-input{
         min-height: 184px;
         max-height: 184px;
         color: rgb(98, 112, 139);
+
+        &::ng-deep textarea {
+            height: unset !important;
+        }
     }
 }
 
@@ -162,7 +170,6 @@ ion-label.message-placeholder{
     img{
         max-width: 35%;
         max-height: 50px;
-        filter: brightness(0) saturate(100%) invert(64%) sepia(1%) saturate(46%) hue-rotate(314deg) brightness(103%) contrast(99%);
     }
 }
 

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

@@ -63,7 +63,7 @@ export class LoginPage implements OnInit {
   /** */
   initialize() {
     this.companyLogoBlackUrl = LOGOS_ITEMS['BASE_LOGO'].icon;
-    this.companyName = BRAND_BASE_INFO['COMPANY_NAME']; // this.chatManager.getTenant();
+    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);

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

@@ -74,6 +74,7 @@ export class BrandService {
       BASE_LOGO_WHITE: "assets/logos/tiledesk-logo_new_white.svg",
       BASE_LOGO_WHITE_NO_TEXT:"",
       COMPANY_NAME: "Tiledesk",
+      BRAND_NAME: "Tiledesk",
       COMPANY_SITE_NAME:"tiledesk.com",
       COMPANY_SITE_URL:"https://www.tiledesk.com",
       CONTACT_US_EMAIL: "support@tiledesk.com",

package/src/app/utils/BrandResources.ts

@@ -21,7 +21,7 @@ export class BrandResources {
         }
 
         /** META TITLE and FAVICON */
-        document.title = this.brand['COMPANY_NAME'] + ' ' + this.brand['META_TITLE']
+        document.title = this.brand['BRAND_NAME'] + ' ' + this.brand['META_TITLE']
         var icon = document.querySelector("link[rel~='icon']") as HTMLElement;
         icon.setAttribute('href', this.brand['FAVICON_URL'])
 
@@ -29,7 +29,7 @@ export class BrandResources {
         document.body.style.setProperty('--base-brand-color', this.brand['BRAND_COLOR']);
 
         /** LOGOS_ITEMS */
-        Object.keys(LOGOS_ITEMS).forEach(key => { LOGOS_ITEMS[key].icon = this.brand[key]; LOGOS_ITEMS[key].label = this.brand['COMPANY_NAME']}) 
+        Object.keys(LOGOS_ITEMS).forEach(key => { LOGOS_ITEMS[key].icon = this.brand[key];}) 
         
         /** BRAND_BASE_INFO */
         Object.keys(BRAND_BASE_INFO).forEach(key => BRAND_BASE_INFO[key] = this.brand[key])

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

@@ -1,19 +1,21 @@
-export const LOGOS_ITEMS: { [key: string] : { label: string, icon: string }} ={
-    COMPANY_LOGO: {label: 'Tiledesk',  icon: 'assets/logos/tiledesk_logo.svg'},
-    COMPANY_LOGO_NO_TEXT: {label: 'Tiledesk', icon: 'assets/logos/tiledesk_logo_no_text.svg'},
-    BASE_LOGO: {label: 'Tiledesk',  icon: 'assets/logos/tiledesk_logo.svg'},
-    BASE_LOGO_NO_TEXT: {label: 'Tiledesk', icon: 'assets/logos/tiledesk_logo_no_text.svg'},
-    BASE_LOGO_WHITE: { label: 'Tiledesk', icon: '"assets/logos/tiledesk-logo_new_white.svg'},
-    BASE_LOGO_WHITE_NO_TEXT: { label: 'Tiledesk', icon: '"assets/logos/tiledesk-logo_new_white.svg'}
-}
-
-export const BRAND_BASE_INFO: { [key: string] : any} ={
+export const BRAND_BASE_INFO: { [key: string] : string} ={
     COMPANY_NAME: "Tiledesk",
+    BRAND_NAME: "Tiledesk",
     COMPANY_SITE_NAME:"tiledesk.com",
     COMPANY_SITE_URL:"https://www.tiledesk.com",
     CONTACT_US_EMAIL: "support@tiledesk.com",
     FAVICON: "https://tiledesk.com/wp-content/uploads/2022/07/tiledesk_v13-300x300.png",
-    META_TITLE:"Design Studio"
+    META_TITLE:"Tiledesk - Open Source Live Chat"
+}
+
+export const LOGOS_ITEMS: { [key: string] : { label: string, 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'},
+    BASE_LOGO_NO_TEXT: {label: BRAND_BASE_INFO.BRAND_NAME, icon: 'assets/logos/tiledesk_logo_no_text.svg'},
+    BASE_LOGO_WHITE: { label: BRAND_BASE_INFO.BRAND_NAME, icon: '"assets/logos/tiledesk-logo_new_white.svg'},
+    BASE_LOGO_WHITE_NO_TEXT: { label: BRAND_BASE_INFO.BRAND_NAME, icon: '"assets/logos/tiledesk-logo_new_white.svg'},
+    BASE_LOGO_GRAY: { label: BRAND_BASE_INFO.BRAND_NAME, icon: 'https://support-pre.tiledesk.com/dashboard/assets/img/logos/tiledesk-logo_new_gray.svg'}
 }
 
 export const MEDIA: { [key: string]: { src: string, text: string, description: string}}= {