@chat21/chat21-web-widget 5.1.0-rc12 → 5.1.0-rc14

package/CHANGELOG.md

@@ -6,6 +6,12 @@
 ### **Copyrigth**: 
 *Tiledesk SRL*
 
+# 5.1.0-rc14
+- **added**: ability to hide widget on selected domains based on hideOnSpecificDomainList variable
+
+# 5.1.0-rc13
+- **added**: ability to manage embedded chatbot-panel.html page into an iframe and hide some elements
+
 # 5.1.0-rc12
 - **added**: ability to get all my request from Tiledesk API
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@chat21/chat21-web-widget",
   "author": "Tiledesk SRL",
-  "version": "5.1.0-rc12",
+  "version": "5.1.0-rc14",
   "license": "MIT",
   "homepage": "https://www.tiledesk.com",
   "repository": {

package/src/app/app.component.ts

@@ -262,6 +262,14 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
                 this.tabTitle = this.g.windowContext.window.document.title
                 this.appStorageService.initialize(environment.storage_prefix, this.g.persistence, this.g.projectid)
                 
+                //check if allowed to load
+                let canLoad = this.globalSettingsService.manageLoadingDomains();
+                if(!canLoad){
+                    this.logger.error('[Check canLoad] Widget is not able to load on this domain!!!')
+                    this.hideWidget()
+                    this.disposeWidget();
+                }
+
                 //set visibility
                 if((this.g.isMobile && !this.g.displayOnMobile) || (!this.g.isMobile && !this.g.displayOnDesktop)){
                     this.disposeWidget()

package/src/app/providers/global-settings.service.ts

@@ -10,7 +10,7 @@ import { TemplateBindingParseResult } from '@angular/compiler';
 import { AppStorageService } from '../../chat21-core/providers/abstract/app-storage.service';
 import { LoggerService } from '../../chat21-core/providers/abstract/logger.service';
 import { LoggerInstance } from '../../chat21-core/providers/logger/loggerInstance';
-import { invertColor, isJsonArray } from '../../chat21-core/utils/utils';
+import { invertColor, isAllowedUrlInText, isJsonArray } from '../../chat21-core/utils/utils';
 import { AppConfigService } from './app-config.service';
 
 
@@ -516,6 +516,9 @@ export class GlobalSettingsService {
                     if (variables.hasOwnProperty('showAudioRecorderFooterButton')) {
                         globals['showAudioRecorderFooterButton'] = variables['showAudioRecorderFooterButton'];
                     }
+                    if (variables.hasOwnProperty('hideOnSpecificDomainList')) {
+                        globals['hideOnSpecificDomainList'] = variables['hideOnSpecificDomainList'];
+                    }
                     
                 }
             }
@@ -1970,4 +1973,12 @@ export class GlobalSettingsService {
         }
     }
 
+    manageLoadingDomains(): boolean {
+        if(!this.globals.hideOnSpecificDomainList){
+            return true
+        }
+        let isAllowedToLoad = !isAllowedUrlInText(this.globals.windowContext.location.origin, [])
+        return isAllowedToLoad
+    }
+
 }

package/src/app/utils/globals.ts

@@ -218,6 +218,8 @@ export class Globals {
   showEmojiFooterButton: boolean // *******  new ********
   showAttachmentFooterButton: boolean // *******  new ********
   showAudioRecorderFooterButton: boolean // *******  new ********
+
+  hideOnSpecificDomainList: Array<string> // *******  new ********
   constructor(
   ) { }
 
@@ -417,6 +419,8 @@ export class Globals {
     this.showAttachmentFooterButton = true;
     /** show/hide rec audio option in footer chat-detail page */
     this.showAudioRecorderFooterButton = true;
+    /** set a list of domain not able to load the widget */
+    this.hideOnSpecificDomainList = [];
 
     // ============ END: SET EXTERNAL PARAMETERS ==============//
 

package/src/assets/twp/chatbot-panel.html

@@ -108,6 +108,27 @@
             }
         }
 
+        .loading-text {
+            position: absolute;
+            top: 60%;
+            left: 50%;
+            transform: translateX(-50%);
+            font-family: sans-serif;
+            font-size: 18px;
+            color: rgb(224, 106, 88);;
+            animation: blinkText 1.5s infinite ease-in-out;
+            }
+
+            /* Animazione lampeggiante */
+            @keyframes blinkText {
+            0%, 100% {
+                opacity: 1;
+            }
+            50% {
+                opacity: 0;
+            }
+        }
+
         #deferred-styles {
             display: none;
         }
@@ -458,6 +479,23 @@
         }(document, 'script', 'tiledesk-jssdk'));
 
     </script> -->
+
+
+    <script type="application/javascript" id="check_embed">
+        document.addEventListener('DOMContentLoaded', function () {
+          const isEmbedded = window.self !== window.top;
+
+          if (isEmbedded) {
+            //HIDE header and footer elements
+            const header = document.querySelector('header');
+            const footer = document.querySelector('footer');
+            if (header) header.style.display = 'none';
+            if (footer) footer.style.display = 'none';
+          }
+        });
+    </script>
+
+
     <script type="application/javascript">
         window.tiledeskSettings = {
             marginX: "100px",
@@ -654,6 +692,7 @@
 
     <div id="preloader">
         <div class="loader"></div>
+        <!-- <div class="loading-text">Loading . . .</div> -->
     </div>
 
     <header id="header">

package/src/chat21-core/providers/firebase/firebase-conversation-handler.ts

@@ -470,6 +470,7 @@ export class FirebaseConversationHandler extends ConversationHandlerService {
         const that = this;
         const commands = msg.attributes.commands;
         let i=0;
+        if(commands.length === 0) return;
         return new Promise((resolve, reject)=>{
             function execute(command){
                 if(command.type === "message"){

package/src/chat21-core/providers/mqtt/mqtt-conversation-handler.ts

@@ -465,6 +465,7 @@ export class MQTTConversationHandler extends ConversationHandlerService {
         const that = this;
         const commands = msg.attributes.commands;
         let i=0;
+        if(commands.length === 0) return;
         return new Promise((resolve, reject)=>{
             function execute(command){
                 if(command.type === "message"){

package/src/chat21-core/utils/utils.ts

@@ -619,7 +619,6 @@ function componentFromStr(numStr, percent) {
 
 export function isAllowedUrlInText(text: string, allowedUrls: string[]) {
   const urlsInMessage = extractUrls(text);
-  console.log('urlsInMessage ++++ :', urlsInMessage);
 
   const allowedPatterns = allowedUrls.map((url) => {
     try {
@@ -634,6 +633,9 @@ export function isAllowedUrlInText(text: string, allowedUrls: string[]) {
 
   const matchesAllowed = (domain: string) => {
     return allowedPatterns.some((pattern) => {
+      if (pattern === '*') {
+        return true; //accept all
+      }
       if (pattern.startsWith('*.')) {
         const base = pattern.replace(/^\*\./, '');
         return domain === base || domain.endsWith('.' + base);