@chat21/chat21-web-widget 5.1.0-rc1 → 5.1.0-rc11

package/src/app/sass/animations.scss

@@ -1,3 +1,4 @@
+@import 'variables';
 
 /**
  * ----------------------------------------

package/src/app/utils/globals.ts

@@ -163,7 +163,6 @@ export class Globals {
   openExternalLinkButton: boolean;
   hideHeaderConversationOptionsMenu: boolean;
   hideCloseConversationOptionMenu: boolean;
-  hideRestartConversationOptionsMenu: boolean;
   hideSettings: boolean;
   filterByRequester: boolean;
   persistence;
@@ -337,8 +336,6 @@ export class Globals {
     /** enable to close a conversation from upper-right header menu  */
     this.hideCloseConversationOptionMenu = false;
     /** enable to hide/show options menu in conversation detail header */
-    this.hideRestartConversationOptionsMenu = false;
-    /** enable to hide/show options menu in conversation detail header */
     this.hideSettings = false;
     /** enable to hide/show options menu in home component */
     this.filterByRequester = false;
@@ -528,7 +525,7 @@ export class Globals {
       'fullscreenMode': this.fullscreenMode,
       'filterByRequester': this.filterByRequester,
       'hideHeaderConversationOptionsMenu': this.hideHeaderConversationOptionsMenu, 'hideHeaderCloseButton': this.hideHeaderCloseButton,
-      'hideCloseConversationOptionMenu': this.hideCloseConversationOptionMenu, 'hideRestartConversationOptionsMenu': this.hideRestartConversationOptionsMenu,
+      'hideCloseConversationOptionMenu': this.hideCloseConversationOptionMenu,
       'hideSettings': this.hideSettings,
       'isLogEnabled': this.isLogEnabled,
       'isOpen': this.isOpen, 'isShown': this.isShown,

package/src/app/utils/utils.ts

@@ -200,15 +200,6 @@ export function avatarPlaceholder(name: string) {
   return initials;
 }
 
-export function isEmoji(str: string) {
-  // tslint:disable-next-line:max-line-length
-  const ranges = ['(?:[\u2700-\u27bf]|(?:\ud83c[\udde6-\uddff]){2}|[\ud800-\udbff][\udc00-\udfff]|[\u0023-\u0039]\ufe0f?\u20e3|\u3299|\u3297|\u303d|\u3030|\u24c2|\ud83c[\udd70-\udd71]|\ud83c[\udd7e-\udd7f]|\ud83c\udd8e|\ud83c[\udd91-\udd9a]|\ud83c[\udde6-\uddff]|[\ud83c[\ude01-\ude02]|\ud83c\ude1a|\ud83c\ude2f|[\ud83c[\ude32-\ude3a]|[\ud83c[\ude50-\ude51]|\u203c|\u2049|[\u25aa-\u25ab]|\u25b6|\u25c0|[\u25fb-\u25fe]|\u00a9|\u00ae|\u2122|\u2139|\ud83c\udc04|[\u2600-\u26FF]|\u2b05|\u2b06|\u2b07|\u2b1b|\u2b1c|\u2b50|\u2b55|\u231a|\u231b|\u2328|\u23cf|[\u23e9-\u23f3]|[\u23f8-\u23fa]|\ud83c\udccf|\u2934|\u2935|[\u2190-\u21ff])'];
-  if (str.match(ranges.join('|'))) {
-      return true;
-  } else {
-      return false;
-  }
-}
 
 export function setColorFromString(str: string) {
   const arrayBckColor = ['#fba76f', '#80d066', '#73cdd0', '#ecd074', '#6fb1e4', '#f98bae'];

package/src/assets/i18n/en.json

@@ -91,5 +91,7 @@
 
     "LABEL_PREVIEW": "Preview",
     "SWITCH_TO": "Or switch to:",
-    "CONNECTION_NETWORK_ERROR": "Our apologies. There was some trouble connecting to network"
+    "CONNECTION_NETWORK_ERROR": "Our apologies. There was some trouble connecting to network",
+    "EMOJI_NOT_ELLOWED":"Emoji not allowed",
+    "DOMAIN_NOT_ALLOWED":"URL contains a non-allowed domain"
 }

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

@@ -613,7 +613,7 @@
                     var brandJson = JSON.parse(xhr.response)
                     if(brandJson){
                         /** TITLE AND FAVICON **/
-                        brandJson['WIDGET'].META_TITLE? document.body.title = brandJson['WIDGET'].META_TITLE : null;
+                        brandJson['WIDGET'].META_TITLE? document.title = brandJson['WIDGET'].META_TITLE : null;
                         brandJson['WIDGET'].FAVICON_URL?  document.querySelector("link[rel~='icon']").setAttribute('href', brandJson['WIDGET'].FAVICON_URL) : null;
                         /** FOOTER-LOGO **/
                         brandJson['COMMON'].COMPANY_LOGO? document.getElementById('footer-logo').src = brandJson['COMMON'].COMPANY_LOGO : null;
@@ -624,6 +624,13 @@
                         brandJson['COMMON'].BRAND_PRIMARY_COLOR? document.body.style.setProperty('--base-company-logo', brandJson['COMMON'].BRAND_PRIMARY_COLOR): null;
                         /** IFRAME TITLE**/
                         brandJson['COMMON'].COMPANY_NAME? document.getElementById('tiledeskiframe').title = brandJson['COMMON'].COMPANY_NAME + ' Widget' : null;
+                        /** META sharing ELEMENTS */
+                        if(brandJson['WIDGET'].META_SHARE_INFO && Object.keys(brandJson['WIDGET'].META_SHARE_INFO).length > 0){
+                            Object.keys(brandJson['WIDGET'].META_SHARE_INFO).forEach(key => {
+                                var meta = document.querySelector("meta[property^='og:"+key.toLowerCase()+"']");
+                                meta.setAttribute('content', brandJson['WIDGET'].META_SHARE_INFO[key])
+                            })
+                        }
                     }
                 }
                     

package/src/assets/twp/index-dev.html

@@ -719,7 +719,7 @@
                     var brandJson = JSON.parse(xhr.response)
                     if(brandJson){
                         /** TITLE AND FAVICON **/
-                        brandJson['WIDGET'].META_TITLE? document.body.title = brandJson['WIDGET'].META_TITLE : null;
+                        brandJson['WIDGET'].META_TITLE? document.title = brandJson['WIDGET'].META_TITLE : null;
                         brandJson['WIDGET'].FAVICON_URL?  document.querySelector("link[rel~='icon']").setAttribute('href', brandJson['WIDGET'].FAVICON_URL) : null;
                         /** FOOTER-LOGO **/    
                         brandJson['COMMON'].COMPANY_LOGO? document.getElementById('footer-logo').src = brandJson['COMMON'].COMPANY_LOGO : null;
@@ -737,6 +737,13 @@
                         }
                         /** IFRAME TITLE**/
                         brandJson['COMMON'].COMPANY_LOGO? document.getElementById('tiledeskiframe').title = brandJson['COMMON'].COMPANY_NAME + ' Widget' : null;
+                        /** META sharing ELEMENTS */
+                        if(brandJson['WIDGET'].META_SHARE_INFO && Object.keys(brandJson['WIDGET'].META_SHARE_INFO).length > 0){
+                            Object.keys(brandJson['WIDGET'].META_SHARE_INFO).forEach(key => {
+                                var meta = document.querySelector("meta[property^='og:"+key.toLowerCase()+"']");
+                                meta.setAttribute('content', brandJson['WIDGET'].META_SHARE_INFO[key])
+                            })
+                        }
                     }
                 }
             }
@@ -1263,13 +1270,6 @@
             window.Tiledesk('restart')
         }
 
-        function onClickHideRestartConversationOptionsMenu(){
-            let status = document.querySelector('input[name="hideRestartConversationOptionsMenu"]:checked').value
-            window.tiledeskSettings['hideRestartConversationOptionsMenu'] = stringToBoolean(status)
-            console.log('onClickHideRestartConversationOptionsMenu:', window.tiledeskSettings)
-            window.Tiledesk('restart')
-        }
-
         function onClickAllowTranscriptDownload(){
             let status = document.querySelector('input[name="allowTranscriptDownload"]:checked').value
             window.tiledeskSettings['allowTranscriptDownload'] = stringToBoolean(status)
@@ -2277,16 +2277,6 @@
                                 <button class="btn btn-light" onclick="onClickHideCloseConversationOptionMenu()">Test this setting <i class="fa fa-magic" aria-hidden="true"></i></button>
                             </div>
                         </div>
-                        <div class="row">
-                            <div class="col-md-5 formElement"><span><em><strong>hideRestartConversationOptionsMenu</strong></em></span></div>
-                            <div class="col-md-5">
-                                <input class="form-check-input" type="radio" name="hideRestartConversationOptionsMenu" value="true"><label>True</label>
-                                <input class="form-check-input" type="radio" name="hideRestartConversationOptionsMenu" value="false" checked><label >False</label>
-                            </div>
-                            <div class="col-md-2">
-                                <button class="btn btn-light" onclick="onClickHideRestartConversationOptionsMenu()">Test this setting <i class="fa fa-magic" aria-hidden="true"></i></button>
-                            </div>
-                        </div>
                         <div class="row">
                             <div class="col-md-5 formElement"><span><em><strong>allowTranscriptDownload</strong></em></span></div>
                             <div class="col-md-5">

package/src/assets/twp/index.html

@@ -6,7 +6,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 
 
-    <title>Widget test page </title>
+    <title>Widget test page</title>
     <style>
 
         @-moz-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Firefox */
@@ -295,7 +295,10 @@
         window.Tiledesk('onBeforeInit', function(event_data) {
             console.log("onBeforeInit Tiledesk FN", event_data);
 
-            var brandSrc = event_data.detail.appConfigs.brandSrc? getBrandResources(event_data.detail.appConfigs.brandSrc) : null;
+            if(event_data.detail.appConfigs.brandSrc){
+                getBrandResources(event_data.detail.appConfigs.brandSrc)
+            }
+            // var brandSrc = event_data.detail.appConfigs.brandSrc?  : null;
 
             setTimeout(() => {
                 if(event_data && event_data.detail && event_data.detail.appConfigs){
@@ -408,7 +411,7 @@
                     var brandJson = JSON.parse(xhr.response)
                     if(brandJson){
                         /** TITLE AND FAVICON **/
-                        brandJson['WIDGET'].META_TITLE? document.body.title = brandJson['WIDGET'].META_TITLE : null;
+                        brandJson['WIDGET'].META_TITLE? document.title = brandJson['WIDGET'].META_TITLE : null;
                         brandJson['WIDGET'].FAVICON_URL?  document.querySelector("link[rel~='icon']").setAttribute('href', brandJson['WIDGET'].FAVICON_URL) : null;
                         /** FOOTER-LOGO **/    
                         brandJson['COMMON'].COMPANY_LOGO? document.getElementById('footer-logo').src = brandJson['COMMON'].COMPANY_LOGO : null;
@@ -421,6 +424,13 @@
                         brandJson['COMMON'].DOCS? null: document.getElementById('share').style.display = 'none'
                         /** IFRAME TITLE**/
                         brandJson['COMMON'].COMPANY_LOGO? document.getElementById('tiledeskiframe').title = brandJson['COMMON'].COMPANY_NAME + ' Widget' : null;
+                        /** META sharing ELEMENTS */
+                        if(brandJson['WIDGET'].META_SHARE_INFO && Object.keys(brandJson['WIDGET'].META_SHARE_INFO).length > 0){
+                            Object.keys(brandJson['WIDGET'].META_SHARE_INFO).forEach(key => {
+                                var meta = document.querySelector("meta[property^='og:"+key.toLowerCase()+"']");
+                                meta.setAttribute('content', brandJson['WIDGET'].META_SHARE_INFO[key])
+                            })
+                        }
                     }
                     
                 }

package/src/build_launch.js

@@ -7,11 +7,12 @@ initReplacement()
 function initReplacement(){
     console.log('init replacement HEREEE')
     fileToBeReplaced = {
-        'main' : {name: 'main', extension: '.js', regex: /(?<=\/main\.)(.+?)(?=\.js|$)/},
-        'runtime' : {name: 'runtime', extension: '.js', regex: /(?<=\/runtime\.)(.+?)(?=\.js|$)/},
-        'polyfills' : {name: 'polyfills', extension: '.js', regex: /(?<=\/polyfills\.)(.+?)(?=\.js|$)/},
-        'vendor' : {name: 'vendor', extension: '.js', regex: /(?<=\/vendor\.)(.+?)(?=\.js|$)/},
-        'styles' : {name: 'styles', extension: '.css', regex: /(?<=\/styles\.)(.+?)(?=\.css|$)/},
+        'main' : {name: 'main', extension: '.js', regex: /(?<=\/main-)(.+?)(?=\.js|$)/},
+        'scripts' : {name: 'scripts', extension: '.js', regex: /(?<=\/scripts-)(.+?)(?=\.js|$)/},
+        // 'runtime' : {name: 'runtime', extension: '.js', regex: /(?<=\/runtime\.)(.+?)(?=\.js|$)/},
+        'polyfills' : {name: 'polyfills', extension: '.js', regex: /(?<=\/polyfills-)(.+?)(?=\.js|$)/},
+        // 'vendor' : {name: 'vendor', extension: '.js', regex: /(?<=\/vendor\.)(.+?)(?=\.js|$)/},
+        'styles' : {name: 'styles', extension: '.css', regex: /(?<=\/styles-)(.+?)(?=\.css|$)/},
     }
 
     Object.keys(fileToBeReplaced).forEach(key => {
@@ -46,7 +47,7 @@ function initReplacement(){
 
 function replaceFile(name, element){
     let hashCode = ''
-    glob("./dist/"+name+"*", function (er, files) {
+    glob("./dist/browser/"+name+"*", function (er, files) {
         // files is an array of filenames.
         // If the `nonull` option is set, and nothing
         // was found, then files is ["**/*.js"]
@@ -56,8 +57,8 @@ function replaceFile(name, element){
         console.log('hashhh',hashCode ,name )
         replace({
             regex: '{{'+ name + '}}'+ element.extension,
-            replacement: name + "." + hashCode + element.extension ,
-            paths: [ './dist/launch.js' ],
+            replacement: name + "-" + hashCode + element.extension ,
+            paths: [ './dist/browser/launch.js' ],
             recursive: true,
             silent: false,
         }, (error,changedFiles)=>{

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

@@ -15,7 +15,7 @@ import { LoggerService } from '../abstract/logger.service';
 import { LoggerInstance } from '../logger/loggerInstance';
 
 // utils
-import { MSG_STATUS_RECEIVED, TYPE_DIRECT, MESSAGE_TYPE_INFO, INFO_MESSAGE_TYPE } from '../../utils/constants';
+import { MSG_STATUS_RECEIVED, TYPE_DIRECT, MESSAGE_TYPE_INFO, INFO_MESSAGE_TYPE, MESSAGE_TYPE_PRIVATE } from '../../utils/constants';
 import { compareValues, searchIndexInArrayForUid, conversationMessagesRef } from '../../utils/utils';
 import { v4 as uuidv4 } from 'uuid';
 import { messageType, checkIfIsMemberJoinedGroup, hideInfoMessage, isJustRecived, isSender, infoMessageType } from '../../utils/utils-message';
@@ -230,6 +230,12 @@ export class FirebaseConversationHandler extends ConversationHandlerService {
     private addedNew(message:MessageModel){
         const msg = this.messageCommandGenerate(message);
         if(this.isValidMessage(msg)){
+
+            // do not add 'private' msg in widget array messages
+            let isPrivateMessage = messageType(MESSAGE_TYPE_PRIVATE, msg)
+            if(isPrivateMessage){
+                return;
+            }
             // msg.attributes && msg.attributes['subtype'] === 'info'
             let isInfoMessage = messageType(MESSAGE_TYPE_INFO, msg)
             if(isInfoMessage){

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

@@ -15,7 +15,7 @@ import { UserModel } from '../../models/user';
 import { ConversationHandlerService } from '../abstract/conversation-handler.service';
 
 // utils
-import { MSG_STATUS_RECEIVED, TYPE_DIRECT, MESSAGE_TYPE_INFO, INFO_MESSAGE_TYPE } from '../../utils/constants';
+import { MSG_STATUS_RECEIVED, TYPE_DIRECT, MESSAGE_TYPE_INFO, INFO_MESSAGE_TYPE, MESSAGE_TYPE_PRIVATE } from '../../utils/constants';
 import { compareValues, searchIndexInArrayForUid } from '../../utils/utils';
 import { messageType, checkIfIsMemberJoinedGroup, hideInfoMessage, isJustRecived, isSender, infoMessageType } from '../../utils/utils-message';
 import { v4 as uuidv4 } from 'uuid';
@@ -262,6 +262,13 @@ export class MQTTConversationHandler extends ConversationHandlerService {
     /** */
     private addedMessage(messageSnapshot: MessageModel): Promise<boolean> {
         const msg = this.messageGenerate(messageSnapshot);
+
+        // do not add 'private' msg in widget array messages
+        let isPrivateMessage = messageType(MESSAGE_TYPE_PRIVATE, msg)
+        if(isPrivateMessage){
+            return;
+        }
+
         let isInfoMessage = messageType(MESSAGE_TYPE_INFO, msg)
         if(isInfoMessage){
             this.messageInfo.next(msg)

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

@@ -1,7 +1,7 @@
-import { HttpClient, HttpHeaders } from '@angular/common/http';
+import { HttpClient, HttpHeaders, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 import { TestBed } from '@angular/core/testing';
 import { AppStorageService } from '../abstract/app-storage.service';
-import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
+import { HttpTestingController, provideHttpClientTesting } from '@angular/common/http/testing';
 import { TiledeskAuthService } from './tiledesk-auth.service';
 import { NGXLogger } from 'ngx-logger';
 import { CustomLogger } from '../logger/customLogger';
@@ -17,13 +17,14 @@ describe('TiledeskAuthService', () => {
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      providers: [
+    imports: [],
+    providers: [
         TiledeskAuthService,
         AppStorageService,
-        // {provide: HttpClient, useValue: httpClientMock}
-      ],
-      imports: [HttpClientTestingModule]
-    })
+        provideHttpClient(withInterceptorsFromDi()),
+        provideHttpClientTesting(),
+    ]
+})
 
     // httpClientMock = jasmine.createSpyObj(['getAllObjects']);
     httpMock = TestBed.inject(HttpTestingController);

package/src/chat21-core/providers/tiledesk/tiledesk-requests.service.spec.ts

@@ -1,17 +1,21 @@
-import { HttpClientTestingModule } from '@angular/common/http/testing';
+import { provideHttpClientTesting } from '@angular/common/http/testing';
 import { TestBed, inject } from '@angular/core/testing';
 import { AppStorageService } from '../abstract/app-storage.service';
 
 import { TiledeskRequestsService } from './tiledesk-requests.service';
+import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 
 describe('TiledeskRequestsService', () => {
   beforeEach(() => {
     TestBed.configureTestingModule({
-      providers: [
-        TiledeskRequestsService, 
-        AppStorageService],
-      imports: [HttpClientTestingModule]
-    });
+    imports: [],
+    providers: [
+        TiledeskRequestsService,
+        AppStorageService,
+        provideHttpClient(withInterceptorsFromDi()),
+        provideHttpClientTesting()
+    ]
+});
   });
 
   it('should be created', inject([TiledeskRequestsService], (service: TiledeskRequestsService) => {

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

@@ -71,6 +71,8 @@ export const TYPE_POPUP_DETAIL_MESSAGE = 'DETAIL_MESSAGE';
 export const MESSAGE_TYPE_INFO = 'INFO';
 export const MESSAGE_TYPE_MINE = 'MINE';
 export const MESSAGE_TYPE_OTHERS = 'OTHERS';
+export const MESSAGE_TYPE_PRIVATE = 'PRIVATE';
+
 
 export enum INFO_MESSAGE_TYPE {
     CHAT_REOPENED = 'CHAT_REOPENED',

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

@@ -7,7 +7,8 @@ import {
   MESSAGE_TYPE_OTHERS,
   MAX_WIDTH_IMAGES,
   INFO_MESSAGE_TYPE,
-  CHANNEL_TYPE
+  CHANNEL_TYPE,
+  MESSAGE_TYPE_PRIVATE
 } from '../../chat21-core/utils/constants';
 /** */
 export function isCarousel(message: any) {
@@ -103,10 +104,20 @@ export function isFirstMessage(messages, senderId, index):boolean{
   return false;
 }
 
+export function isPrivate(message: any) {
+  if (message && message.attributes && message.attributes.subtype === 'private') {
+    return true;
+  }
+  return false;
+}
+
 
 /** */
 export function messageType(msgType: string, message: any) {
 
+    if (msgType === MESSAGE_TYPE_PRIVATE) {
+      return isPrivate(message);
+    }
     if (msgType === MESSAGE_TYPE_INFO) {
       return isInfo(message);
     }
@@ -194,9 +205,13 @@ export function isEmojii(message: any){
   // https://localcoder.org/javascript-detect-if-a-string-contains-only-unicode-emojis
   try {
     if(!message) return false;
+    // Removes all characters that are NOT emojis (unicode > \u1eeff)
     const onlyEmojis = message.replace(new RegExp('[\u0000-\u1eeff]', 'g'), '')
+    // Removes spaces, line breaks, and carriage returns from the string
     const visibleChars = message.replace(new RegExp('[\n\r\s]+|( )+', 'g'), '')
+    // Removes Chinese characters from the string
     const chineseChars = message.replace(new RegExp('[\u4e00-\u9fa5]', 'g'), '')
+    
     if(onlyEmojis === '' || visibleChars == '' || chineseChars=='') return false
     return (onlyEmojis.length === visibleChars.length && onlyEmojis.length <= 2)
   } catch(e) {
@@ -204,6 +219,22 @@ export function isEmojii(message: any){
   }
 }
 
+export function findAndRemoveEmoji(text): string{
+
+  if (!text) return text;
+
+  // Regex to find most unicode emojis
+  // Source: https://thekevinscott.com/emojis-in-javascript/
+  const emojiRegex = /([\u2700-\u27BF]|[\uE000-\uF8FF]|[\uD83C-\uDBFF][\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83D[\uDE00-\uDE4F])/g;
+
+  // Removes all found emojis
+  text = text.replace(emojiRegex, '');
+
+  // Removes any multiple spaces left by the removal of emojis
+  text = text.replace(/\s{2,}/g, ' ').trim();
+  return text
+}
+
 export function isJustRecived(startedAt, time) {
   if (time > startedAt) {
     return true;

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

@@ -1,5 +1,5 @@
-import * as dayjs from 'dayjs'
-import * as duration from 'dayjs/plugin/duration'
+import dayjs from 'dayjs';
+import duration from 'dayjs/plugin/duration'
 dayjs.extend(duration)
 // tslint:disable-next-line:max-line-length
 
@@ -579,4 +579,87 @@ function componentFromStr(numStr, percent) {
 
 
 
+// export function isAllowedUrlInText(text: string, allowedUrls: string[]): boolean {
+//   // Regex per trovare URL o domini nudi nel testo
+//   const urlRegex = /https?:\/\/[^\s]+|www\.[^\s]+|(?:\b[\w-]+\.)+[a-z]{2,}(\/[^\s]*)?/gi;
+//   const foundUrls = text.match(urlRegex);
+
+//   if (!foundUrls) {
+//     return true; // Nessun URL => testo ammesso
+//   }
+
+//   // Normalizza dominio: rimuove schema, www., slash finali
+//   const normalize = (url: string) =>
+//     url
+//       .replace(/^https?:\/\//i, '')
+//       .replace(/^www\./i, '')
+//       .replace(/\/$/, '')
+//       .toLowerCase();
+
+//   // Normalizza tutti gli allowed pattern per confronto
+//   const normalizedAllowedPatterns = allowedUrls.map(pattern =>
+//     pattern
+//       .replace(/^https?:\/\//i, '')
+//       .replace(/^www\./i, '')
+//       .replace(/\/$/, '')
+//       .toLowerCase()
+//       .replace(/\./g, '\\.')
+//       .replace(/\//g, '\\/')
+//       .replace(/\*/g, '.*')
+//   );
+
+//   return foundUrls.every(rawUrl => {
+//     const url = normalize(rawUrl);
+//     return normalizedAllowedPatterns.some(pattern => {
+//       const regex = new RegExp(`^${pattern}$`, 'i');
+//       return regex.test(url);
+//     });
+//   });
+// }
+
+export function isAllowedUrlInText(text: string, allowedUrls: string[]) {
+  const urlsInMessage = extractUrls(text);
+  console.log('urlsInMessage ++++ :', urlsInMessage);
+
+  const allowedPatterns = allowedUrls.map((url) => {
+    try {
+      // Prova a estrarre il dominio da una URL completa
+      const hostname = new URL(url).hostname.toLowerCase();
+      return hostname;
+    } catch {
+      // Lascia il dominio nudo (es: "*.tiledesk.com" o "tiledesk.com")
+      return url.toLowerCase();
+    }
+  });
+
+  const matchesAllowed = (domain: string) => {
+    return allowedPatterns.some((pattern) => {
+      if (pattern.startsWith('*.')) {
+        const base = pattern.replace(/^\*\./, '');
+        return domain === base || domain.endsWith('.' + base);
+      } else {
+        return domain === pattern;
+      }
+    });
+  };
+
+  const nonWhitelistedDomains = urlsInMessage.filter((url) => {
+    try {
+      const domain = new URL(url).hostname.toLowerCase();
+      return !matchesAllowed(domain);
+    } catch (e) {
+      return true; // Considera URL non valido come non ammesso
+    }
+  });
+
+  return nonWhitelistedDomains.length === 0;
+}
+
+function extractUrls(text: string): string[] {
+  const urlRegex = /https?:\/\/[^\s]+/g;
+  return text.match(urlRegex) || [];
+}
+
+
+
 

package/src/launch.js

@@ -79,10 +79,11 @@ function loadIframe(tiledeskScriptBaseLocation) {
     srcTileDesk += '</head>';
     srcTileDesk += '<body>';
     srcTileDesk += '<chat-root></chat-root>';
-    srcTileDesk += '<script async type="text/javascript" src="'+tiledeskScriptBaseLocation+'/runtime.js"></script>';
-    srcTileDesk += '<script async type="text/javascript" src="'+tiledeskScriptBaseLocation+'/polyfills.js"></script>';
-    srcTileDesk += '<script async type="text/javascript" src="'+tiledeskScriptBaseLocation+'/vendor.js"></script>';
-    srcTileDesk += '<script async type="text/javascript" src="'+tiledeskScriptBaseLocation+'/main.js"></script>';
+    // srcTileDesk += '<script async type="text/javascript" src="'+tiledeskScriptBaseLocation+'/runtime.js"></script>';
+    srcTileDesk += '<script type="module" async type="text/javascript" src="'+tiledeskScriptBaseLocation+'/polyfills.js"></script>';
+    // srcTileDesk += '<script async type="text/javascript" src="'+tiledeskScriptBaseLocation+'/vendor.js"></script>';
+    srcTileDesk += '<script type="module" async type="text/javascript" src="'+tiledeskScriptBaseLocation+'/main.js"></script>';
+    srcTileDesk += '<script type="module" async type="text/javascript" src="'+tiledeskScriptBaseLocation+'/scripts.js"></script>';
     srcTileDesk += '<link type="text/css" rel="stylesheet" href="'+tiledeskScriptBaseLocation+'/styles.css" media="all"></link>';
     srcTileDesk += '</body>';
     srcTileDesk += '</html>';
@@ -154,6 +155,12 @@ function loadIframe(tiledeskScriptBaseLocation) {
     window.tiledesk.on('onNewConversation', function(event_data) {
         // console.log("test-custom-auth.html onNewConversation >>>",event_data);
         const tiledeskToken = window.tiledesk.angularcomponent.component.g.tiledeskToken;
+        
+        // if hiddenMessage is present, do not call /events endpoint because conversation is created by /messages endpoint
+        const hiddenMessage = window.tiledesk.angularcomponent.component.g.hiddenMessage;
+        if(hiddenMessage){
+          return;
+        }
         // console.log(">>>> tiledeskToken >>>> ",event_data.detail.appConfigs.apiUrl+event_data.detail.default_settings.projectid);
         if(tiledeskToken) {
           var httpRequest = createCORSRequest('POST', event_data.detail.appConfigs.apiUrl+event_data.detail.default_settings.projectid+'/events',true); //set async to false because loadParams must return when the get is complete

package/src/launch_template.js

@@ -80,10 +80,11 @@ function loadIframe(tiledeskScriptBaseLocation) {
     srcTileDesk += '</head>';
     srcTileDesk += '<body>';
     srcTileDesk += '<chat-root></chat-root>';
-    srcTileDesk += '<script async type="text/javascript" src="'+tiledeskScriptBaseLocation+'/{{runtime}}.js"></script>';
-    srcTileDesk += '<script async type="text/javascript" src="'+tiledeskScriptBaseLocation+'/{{polyfills}}.js"></script>';
-    srcTileDesk += '<script async type="text/javascript" src="'+tiledeskScriptBaseLocation+'/{{vendor}}.js"></script>';
-    srcTileDesk += '<script async type="text/javascript" src="'+tiledeskScriptBaseLocation+'/{{main}}.js"></script>';
+    // srcTileDesk += '<script async type="text/javascript" src="'+tiledeskScriptBaseLocation+'/{{runtime}}.js"></script>';
+    srcTileDesk += '<script type="module" async type="text/javascript" src="'+tiledeskScriptBaseLocation+'/{{polyfills}}.js"></script>';
+    // srcTileDesk += '<script async type="text/javascript" src="'+tiledeskScriptBaseLocation+'/{{vendor}}.js"></script>';
+    srcTileDesk += '<script type="module" async type="text/javascript" src="'+tiledeskScriptBaseLocation+'/{{main}}.js"></script>';
+    srcTileDesk += '<script type="module" async type="text/javascript" src="'+tiledeskScriptBaseLocation+'/{{scripts}}.js"></script>';
     srcTileDesk += '<link type="text/css" rel="stylesheet" href="'+tiledeskScriptBaseLocation+'/{{styles}}.css" media="all"></link>';
     srcTileDesk += '</body>';
     srcTileDesk += '</html>';
@@ -155,6 +156,12 @@ function loadIframe(tiledeskScriptBaseLocation) {
     window.tiledesk.on('onNewConversation', function(event_data) {
         // console.log("test-custom-auth.html onNewConversation >>>",event_data);
         const tiledeskToken = window.tiledesk.angularcomponent.component.g.tiledeskToken;
+
+        // if hiddenMessage is present, do not call /events endpoint because conversation is created by /messages endpoint
+        const hiddenMessage = window.tiledesk.angularcomponent.component.g.hiddenMessage;
+        if(hiddenMessage){
+          return;
+        }
         // console.log(">>>> tiledeskToken >>>> ",event_data.detail.appConfigs.apiUrl+event_data.detail.default_settings.projectid);
         if(tiledeskToken) {
           var httpRequest = createCORSRequest('POST', event_data.detail.appConfigs.apiUrl+event_data.detail.default_settings.projectid+'/events',true); //set async to false because loadParams must return when the get is complete

package/src/models/project.ts

@@ -24,7 +24,8 @@ export class ProjectModel {
         public color?: string,
         public welcomeTitle?: string,
         public welcomeMsg?: string,
-        public attributes?: IRules
+        public attributes?: IRules,
+        public settings?:{ [key: string]: any },
     ) { }
 
     initialize (
@@ -43,6 +44,7 @@ export class ProjectModel {
         trialDaysLeft?: number,
         trialExpired?: boolean,
         updatedAt?: string,
+        settings?: { [key: string]: any },
         versions?: string,
     ) {
         this.id = id;
@@ -60,6 +62,7 @@ export class ProjectModel {
         this.trialDaysLeft = trialDaysLeft;
         this.trialExpired = trialExpired;
         this.updatedAt = updatedAt;
+        this.settings = settings;
         this.versions = versions;
     }
 

package/tsconfig.json

@@ -5,7 +5,7 @@
     "outDir": "./dist/out-tsc",
     "sourceMap": true,
     "declaration": false,
-    "downlevelIteration": true,
+    "esModuleInterop": true,
     "experimentalDecorators": true,
     "module": "es2020",
     "moduleResolution": "node",
@@ -23,7 +23,6 @@
       "dom"
     ],
     "resolveJsonModule": true,
-    "allowSyntheticDefaultImports": true,
   },
   "skipLibCheck": true,
   "angularCompilerOptions": {