@chat21/chat21-web-widget 5.1.4 → 5.1.7-rc14

package/src/app/sass/_variables.scss

@@ -24,7 +24,7 @@
     --button-in-msg-max-width: 280px;
     --button-in-msg-padding: 8px 16px;
     --button-color: #5c6c73;
-    --button-background-color: #f5f5f5; // #f9fcff;
+    --button-background-color: #ffffff;//#f5f5f5; // #f9fcff;
     --button-border-color: #0000000f; //#e4ebf2; 
     --button-font-size: 13px;
 

package/src/app/utils/constants.ts

@@ -38,6 +38,9 @@ export const MAX_HEIGHT_TEXTAREA = 180;
 export const MAX_WIDTH_IMAGES = 230;
 export const MIN_WIDTH_IMAGES = 130;
 
+// FILE SIZE LIMIT
+export const FILE_SIZE_LIMIT = 10;
+
 
 // pagine
 export const PARENT_PAGE_USERS = 'users';

package/src/app/utils/globals.ts

@@ -247,7 +247,7 @@ export class Globals {
 
     // ============ BEGIN: SET EXTERNAL PARAMETERS ==============//
     this.baseLocation = 'https://widget.tiledesk.com/v2';
-    this.autoStart = true;
+    this.autoStart = false;
     /** start Authentication and startUI */
     this.startHidden = false;
     /** show/hide all widget -> js call: showAllWidget */
@@ -406,7 +406,7 @@ export class Globals {
     /**enable user to set a telegram number to chat with */
     this.telegramUsername = ''
     /**enable auto disconnect from messaging after a defined amount of time (s)*/
-    this.fileUploadAccept = '';//image/*,.pdf,.txt,.mp3,.xls,.xlsx"
+    this.fileUploadAccept = "image/*,.pdf,.txt,.mp3,.xls,.xlsx"
     this.disconnetTime = 0
 
     this.showWaitTime = true;

package/src/app/utils/utils.ts

@@ -380,10 +380,10 @@ export function getUnique(arr, comp) {
 }
 
 export function checkAcceptedFile(nameFile, fileType, fileUploadAccept): boolean {
-  console.log('checkAcceptedFile ------------>', fileType, fileUploadAccept);
+  // console.log('checkAcceptedFile ------------>', fileType, fileUploadAccept);
   
   const fileExtension = getFileExtension(nameFile);
-  console.log('[CONV-FOOTER] fileExtension: ', fileExtension);
+  // console.log('[CONV-FOOTER] fileExtension: ', fileExtension);
 
   if (fileUploadAccept === '*/*') {
     return true;
@@ -396,7 +396,7 @@ export function checkAcceptedFile(nameFile, fileType, fileUploadAccept): boolean
   return acceptedTypes.some((accept) => {
     accept = accept.trim();
     
-    // Controlla per i tipi MIME con wildcard, come image/*
+    // Controlla wildcard MIME type (es. "image/*")
     if (accept.endsWith('/*')) {
       const baseMimeType = fileType.split('/')[0]; // Ottieni la parte principale del MIME type
       return accept.replace('/*', '') === baseMimeType;
@@ -413,19 +413,17 @@ export function checkAcceptedFile(nameFile, fileType, fileUploadAccept): boolean
       return true;
     }
 
-    // // Controlla se l'estensione del file corrisponde direttamente
-    // if (accept.startsWith('.') && fileExtension === accept.substring(1)) {
-    //   return true;
-    // }
+    // Controlla estensione con punto (es. ".pdf")
+    if (accept.startsWith('.')) {
+      return fileExtension === accept.slice(1);
+    }
 
-    // Controlla se l'estensione del file corrisponde direttamente
-    // Dividi la stringa fileUploadAccept in un array di tipi accettati
-    const acceptedTypes = fileUploadAccept.split(',');
-    //verifica se l'estensione del file è accettata
-    if (acceptedTypes.includes(fileExtension)) {
+    // Controlla se accept è un'estensione senza punto (es. "pdf")
+    if (!accept.includes('/') && fileExtension === accept) {
       return true;
     }
 
+
     return false;
   });
 }

package/src/assets/i18n/en.json

@@ -94,5 +94,8 @@
     "SWITCH_TO": "Or switch to:",
     "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"
+    "DOMAIN_NOT_ALLOWED":"URL contains a non-allowed domain",
+    "MAX_ATTACHMENT": "Max allowed size {{FILE_SIZE_LIMIT}}Mb",
+    "MAX_ATTACHMENT_ERROR": "The file exceeds the maximum allowed size",
+    "EMOJI": "Emoji"
 }

package/src/assets/i18n/es.json

@@ -92,5 +92,10 @@
 
     "LABEL_PREVIEW": "Avance",
     "SWITCH_TO":"O cambiar a:",
-    "CONNECTION_NETWORK_ERROR": "Nuestras disculpas. Hubo algunos problemas para conectarse a la red"
+    "CONNECTION_NETWORK_ERROR": "Nuestras disculpas. Hubo algunos problemas para conectarse a la red",
+    "EMOJI_NOT_ELLOWED":"Emoji no permitido",
+    "DOMAIN_NOT_ALLOWED":"La URL contiene un dominio no permitido",
+    "MAX_ATTACHMENT": "Tamaño máximo permitido {{FILE_SIZE_LIMIT}}Mb",
+    "MAX_ATTACHMENT_ERROR": "El archivo supera el tamaño máximo permitido",
+    "EMOJI": "Emoji"
 }

package/src/assets/i18n/fr.json

@@ -92,5 +92,10 @@
 
     "LABEL_PREVIEW": "Aperçu",
     "SWITCH_TO":"Ou passer à:",
-    "CONNECTION_NETWORK_ERROR": "Nos excuses. Il y a eu des problèmes de connexion au réseau"
+    "CONNECTION_NETWORK_ERROR": "Nos excuses. Il y a eu des problèmes de connexion au réseau",
+    "EMOJI_NOT_ELLOWED":"Emoji non autorisé",
+    "DOMAIN_NOT_ALLOWED":"L'URL contient un domaine non autorisé",
+    "MAX_ATTACHMENT": "Taille maximale autorisée {{FILE_SIZE_LIMIT}}Mo",
+    "MAX_ATTACHMENT_ERROR": "Le fichier dépasse la taille maximale autorisée",
+    "EMOJI": "Emoji"
 }

package/src/assets/i18n/it.json

@@ -86,11 +86,14 @@
     "LABEL_LAST_ACCESS": "ultimo accesso",
     "LABEL_TO": "a",
     "ARRAY_DAYS": ["Lunedì", "Martedì", "Mercoledì", "Giovedì", "Venerdì", "Sabato", "Domenica"],
-    
     "SENT_AN_ATTACHMENT": "ha inviato un allegato",
     "SENT_AN_IMAGE":"ha inviato un'immagine",
-    
     "LABEL_PREVIEW": "Anteprima",
     "SWITCH_TO":"Oppure passa a:",
-    "CONNECTION_NETWORK_ERROR": "Ci scusiamo. Si sono verificati problemi di connessione di rete"
+    "CONNECTION_NETWORK_ERROR": "Ci scusiamo. Si sono verificati problemi di connessione di rete",
+    "EMOJI_NOT_ELLOWED":"Emoji non consentiti",
+    "DOMAIN_NOT_ALLOWED":"L'URL contiene un dominio non consentito",
+    "MAX_ATTACHMENT": "Dimensione massima consentita {{FILE_SIZE_LIMIT}}Mb",
+    "MAX_ATTACHMENT_ERROR": "Il file supera la dimensione massima consentita",
+    "EMOJI": "Emoji"
 }

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

@@ -413,8 +413,8 @@ export class FirebaseConversationHandler extends ConversationHandlerService {
             message.text = INFO_SUPPORT_LEAD_UPDATED;
         } else if (infoMessageType(message) === INFO_MESSAGE_TYPE.MEMBER_LEFT_GROUP) {
             let subject: string = '';
-            if (message.attributes.messagelabel.parameters.fullname) {
-                subject = message.attributes.messagelabel.parameters.fullname;
+            if (message.attributes.messagelabel.parameters.firstname) {
+                subject = message.attributes.messagelabel.parameters.firstname;
             }else{
                 subject = message.attributes.messagelabel.parameters.member_id;
             }

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

@@ -410,8 +410,8 @@ export class MQTTConversationHandler extends ConversationHandlerService {
             message.text = INFO_SUPPORT_LEAD_UPDATED;
         } else if (infoMessageType(message) === INFO_MESSAGE_TYPE.MEMBER_LEFT_GROUP) {
            let subject: string;
-           if (message.attributes.messagelabel.parameters.fullname) {
-               subject = message.attributes.messagelabel.parameters.fullname;
+           if (message.attributes.messagelabel.parameters.firstname) {
+               subject = message.attributes.messagelabel.parameters.firstname;
            }else{
                subject = message.attributes.messagelabel.parameters.member_id;
            }
@@ -464,16 +464,17 @@ export class MQTTConversationHandler extends ConversationHandlerService {
     private async addCommandMessage(msg: MessageModel): Promise<boolean>{
         const that = this;
         const commands = msg.attributes.commands;
+        that.logger.debug('[MQTTConversationHandlerSERVICE] addCommandMessage: ', commands)
         let i=0;
         if(commands.length === 0) return;
         return new Promise((resolve, reject)=>{
             function execute(command){
+                that.logger.debug('[MQTTConversationHandlerSERVICE] command: ', command, i)
                 if(command.type === "message"){
                     that.logger.debug('[MQTTConversationHandlerSERVICE] addCommandMessage --> type="message"', command, i)
                     if (i >= 2) {
-                        
                         //check if previus wait message type has time value, otherwize set to 1000ms
-                        !commands[i-1].time? commands[i-1].time= 1000 : commands[i-1].time
+                        !commands[i-1].time? commands[i-1].time= 1000 : commands[i-1].time;
                         command.message.timestamp = commands[i-2].message.timestamp + commands[i-1].time;
                         
                         /** CHECK IF MESSAGE IS JUST RECEIVED: IF false, set next message time (if object exist) to 0 -> this allow to show it immediately */
@@ -483,12 +484,14 @@ export class MQTTConversationHandler extends ConversationHandlerService {
                             command.message.timestamp = previewsTimeMsg + 100
                             commands[i+1]? commands[i+1].time = 0 : null
                         }
-                    } else { /**MANAGE FIRST MESSAGE */
+                    } 
+                    else { /**MANAGE FIRST MESSAGE */
                         command.message.timestamp = msg.timestamp;
                         if(!isJustRecived(that.startTime.getTime(), msg.timestamp)){
                             commands[i+1]? commands[i+1].time = 0 : null
                         }
                     }
+
                     that.generateMessageObject(msg, command.message, i, function () {
                         i += 1
                         if (i < commands.length) {
@@ -499,28 +502,36 @@ export class MQTTConversationHandler extends ConversationHandlerService {
                             resolve(true)
                         }
                     })
-                }else if(command.type === "wait"){
-                    that.logger.debug('[MQTTConversationHandlerSERVICE] addCommandMessage --> type="wait"', command, i, commands.length)
+                } else if(command.type === "wait"){
                     //publish waiting event to simulate user typing
                     if(isJustRecived(that.startTime.getTime(), msg.timestamp)){
                         // console.log('message just received::', command, i, commands)
                         that.messageWait.next({uid: that.conversationWith, uidUserTypingNow: msg.sender, nameUserTypingNow: msg.sender_fullname, waitTime: command.time, command: command})
                     }
-                    setTimeout(function() {
+                    that.logger.debug('[MQTTConversationHandlerSERVICE] addCommandMessage: --> msg.status: ', msg.status)
+                    
+                    const executeNext = () => {
                         i += 1
                         if (i < commands.length) {
                             execute(commands[i])
-                        }
-                        else {
+                        } else {
                             that.logger.debug('[MQTTConversationHandlerSERVICE] addCommandMessage --> last command executed (send message), exit') 
                             resolve(true)
                         }
-                    },command.time)
+                    }
+
+                    if(msg.status === MSG_STATUS_RECEIVED){
+                        executeNext()
+                    } else {
+                        setTimeout(executeNext, command.time)
+                    }
                 }
             }
             execute(commands[0]) //START render first message
         })
     }
+
+    
     
     private generateMessageObject(message, command_message, index, callback) {
         let parentUid = message.uid

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

@@ -71,7 +71,7 @@ export class TiledeskRequestsService {
 
   public getMyRequests(): Promise<{ requests: Array<any>}> {
     this.tiledeskToken = this.appStorage.getItem('tiledeskToken')
-    const url = this.URL_TILEDESK_REQUEST + '/me?preflight=true'
+    const url = this.URL_TILEDESK_REQUEST + 'me?preflight=true'
     this.logger.log('[TILEDESK-SERVICE] - GET REQUEST url ', url);
     const httpOptions = {
       headers: new HttpHeaders({

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

@@ -661,11 +661,22 @@ export function isAllowedUrlInText(text: string, allowedUrls: string[]) {
   return nonWhitelistedDomains.length === 0;
 }
 
+// function extractUrls(text: string): string[] {
+//   const urlRegex = /https?:\/\/[^\s]+/g;
+//   return text.match(urlRegex) || [];
+// }
+
 function extractUrls(text: string): string[] {
-  const urlRegex = /https?:\/\/[^\s]+/g;
-  return text.match(urlRegex) || [];
+  // Rileva URL con o senza protocollo (http/https)
+  const urlRegex = /\b((https?:\/\/)?(www\.)?[a-z0-9.-]+\.[a-z]{2,})(\/[^\s]*)?/gi;
+  const matches = text.match(urlRegex) || [];
+  // Normalizza: aggiunge https:// se manca, così il parsing con new URL() funziona
+  return matches.map((url) => {
+    if (!/^https?:\/\//i.test(url)) {
+      return 'https://' + url;
+    }
+    return url;
+  });
 }
 
 
-
-

package/src/iframe-style.css

@@ -13,13 +13,13 @@
     bottom: 0px;
     width: auto;   
     height: auto;
-    display: none;
+    display: block;
     z-index: 3000000000; /*999999*/; 
 }
 
 #tiledesk-container.open.overlay--popup {
     background-color: rgba(0, 0, 0, 0.4);
-    position: absolute;
+    position: fixed;
     width: 100%;
     height: 100vh;
 }
@@ -66,12 +66,12 @@
     max-width: 1024px;
     max-height: 100%;
 
-    transition: 
+    /* transition: 
     width 300ms, 
     height 300ms, 
     max-height 300ms, 
     transform 300ms cubic-bezier(0, 1.2, 1, 1), 
-    opacity 300ms ease-out;
+    opacity 300ms ease-out; */
     /* per migliorare le prestazioni quando si usa transform */
     will-change: transform, opacity, width, height;
 }
@@ -151,14 +151,14 @@
 }
 
 #tiledesk-container.open #tiledeskdiv.min-size {
-    transition: width 200ms, height 200ms, max-height 200ms, transform 300ms cubic-bezier(0, 1.2, 1, 1), opacity 83ms ease-out;
+    /* transition: width 200ms, height 200ms, max-height 200ms, transform 300ms cubic-bezier(0, 1.2, 1, 1), opacity 83ms ease-out; */
     width: var(--iframeMinWidth);
     height: var(--iframeMinHeight);
 }
 
 #tiledesk-container.open #tiledeskdiv.max-size {
     /* transition: width 1s, height 1s; */
-    transition: width 200ms, height 200ms, max-height 200ms, transform 300ms cubic-bezier(0, 1.2, 1, 1), opacity 83ms ease-out;
+    /* transition: width 200ms, height 200ms, max-height 200ms, transform 300ms cubic-bezier(0, 1.2, 1, 1), opacity 83ms ease-out; */
     width: var(--iframeMaxWidth);
     height: var(--iframeMaxHeight);
 }

package/deploy_amazon_beta.sh

@@ -1,47 +0,0 @@
-# npm version prerelease --preid=beta
-version=`node -e 'console.log(require("./package.json").version)'`
-echo "version $version"
-
-ng build --configuration="pre" --aot=true --base-href
-
-
-# ########## --->>>> NATIVE-MQTT folder START <<<<<------ ########## #
-
-# cd dist
-# aws s3 sync . s3://tiledesk-widget-pre/native-mqtt/widget/$version/
-# aws s3 sync . s3://tiledesk-widget-pre/native-mqtt/widget/
-# cd ..
-
-# #aws  cloudfront create-invalidation --distribution-id E3EJDWEHY08CZZ --paths "/*"
-# # echo new version deployed $NEW_VER/$NEW_BUILD/ on s3://tiledesk-widget-pre/v2
-# echo new version deployed $version/ on s3://tiledesk-widget-pre/native-mqtt/widget/ and s3://tiledesk-widget-pre/native-mqtt/widget/$version/
-# echo available on https://s3.eu-west-1.amazonaws.com/tiledesk-widget-pre/native-mqtt/widget/index.html
-# echo https://widget-pre.tiledesk.com/v5/index.html
-# echo https://widget-pre.tiledesk.com/v5/$version/index.html
-
-# ########## --->>>> NATIVE-MQTT folder END <<<<<------ ########## #
-
-
-# ########## --->>>> FIREBASE folder START <<<<<------ ########## #
-cd dist
-aws s3 sync . s3://tiledesk-widget-pre/v5/$version/ --cache-control max-age=300
-aws s3 sync . s3://tiledesk-widget-pre/v5/ --cache-control max-age=300
-cd ..
-
-#aws  cloudfront create-invalidation --distribution-id E3EJDWEHY08CZZ --paths "/*"
-cd ..
-
-aws  cloudfront create-invalidation --distribution-id E2V5O0YPR61V8P --paths "/*"
-# echo new version deployed $NEW_VER/$NEW_BUILD/ on s3://tiledesk-widget-pre/v2
-echo new version deployed $version/ on s3://tiledesk-widget-pre/v5 and s3://tiledesk-widget-pre/v5/$version/
-echo available on https://s3.eu-west-1.amazonaws.com/tiledesk-widget-pre/v5/index.html
-echo https://widget-pre.tiledesk.com/v5/index.html
-echo https://widget-pre.tiledesk.com/v5/$version/index.html
-
-# ########## --->>>> FIREBASE folder END <<<<<------ ########## #
-
-## AZIONI per committare: 
-## 1) modificare package.json e package-lock.json aggiungendo il num di versione nuovo
-## 2) aggiornare il CHANGELOG
-## 3) fare il commit tramite sourcetree
-## 4) da terminale richiamare ./deploy_pre.sh

package/deploy_amazon_prod.sh

@@ -1,41 +0,0 @@
-# npm version patch
-version=`node -e 'console.log(require("./package.json").version)'`
-echo "version $version"
-
-npm i
-
-cp src/environments/real_data/environment.prod.ts src/environments/environment.prod.ts
-
-# --build-optimizer=false if localstorage is disabled (webview) appears https://github.com/firebase/angularfire/issues/970
-ng build --configuration="prod" --aot=true
-##--base-href='./v5/' --output-hashing none
-
-### SET HASHING : START ###
-cp ./src/launch_template.js ./dist/browser/launch.js
-node ./src/build_launch.js
-### SET HASHING : END ###
-
-#### FIREBASE #####
-# cd dist
-# # aws s3 sync . s3://tiledesk-widget/v5/latest/
-# aws s3 sync . s3://tiledesk-widget/v5/$version/ --cache-control max-age=300
-# aws s3 sync . s3://tiledesk-widget/v5/ --cache-control max-age=300
-# cd ..
-
-# #### MQTT #####
-cd dist/browser
-# aws s3 sync . s3://tiledesk-widget/v5/latest/
-aws s3 sync . s3://tiledesk-widget/v6/$version/ --cache-control max-age=86400 --exclude='launch.js' #8days
-aws s3 sync . s3://tiledesk-widget/v6/$version/ --cache-control "no-store,no-cache,private" --exclude='*' --include='launch.js'
-aws s3 sync . s3://tiledesk-widget/v6/ --cache-control max-age=86400 --exclude='launch.js' #8days
-aws s3 sync . s3://tiledesk-widget/v6/ --cache-control "no-store,no-cache,private" --exclude='*' --include='launch.js'
-cd ../..
-
-aws  cloudfront create-invalidation --distribution-id E3EJDWEHY08CZZ --paths "/*"
-
-git restore src/environments/environment.pre.ts
-
-echo new version deployed $version on s3://tiledesk-widget/v5
-echo available on https://s3.eu-west-1.amazonaws.com/tiledesk-widget/v5/index.html
-echo https://widget.tiledesk.com/v5/index.html
-echo https://widget.tiledesk.com/v5/$version/index.html

package/src/app/component/network-offline/network-offline.component.ts

@@ -1,24 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { CustomTranslateService } from 'src/chat21-core/providers/custom-translate.service';
-
-@Component({
-  selector: 'chat-network-offline',
-  templateUrl: './network-offline.component.html',
-  styleUrls: ['./network-offline.component.scss']
-})
-export class NetworkOfflineComponent implements OnInit {
-
-  translationMap: Map< string, string>;
-
-  constructor(
-    private customTranslateService: CustomTranslateService
-  ){}
-
-  ngOnInit(): void {
-    let keys = [
-      'CONNECTION_NETWORK_ERROR'
-    ]
-    this.translationMap = this.customTranslateService.translateLanguage(keys)
-  }
-
-}