@chat21/chat21-web-widget 5.1.1-rc1 → 5.1.4

package/src/app/utils/utils.ts

@@ -379,17 +379,23 @@ export function getUnique(arr, comp) {
     .filter(e => arr[e]).map(e => arr[e]);
 }
 
-export function checkAcceptedFile(fileType, fileUploadAccept ): boolean{
+export function checkAcceptedFile(nameFile, fileType, fileUploadAccept): boolean {
+  console.log('checkAcceptedFile ------------>', fileType, fileUploadAccept);
   
+  const fileExtension = getFileExtension(nameFile);
+  console.log('[CONV-FOOTER] fileExtension: ', fileExtension);
+
   if (fileUploadAccept === '*/*') {
-    return true
+    return true;
   }
+ 
   // Dividi la stringa fileUploadAccept in un array di tipi accettati
   const acceptedTypes = fileUploadAccept.split(',');
 
   // Verifica se il tipo di file è accettato
   return acceptedTypes.some((accept) => {
     accept = accept.trim();
+    
     // Controlla per i tipi MIME con wildcard, come image/*
     if (accept.endsWith('/*')) {
       const baseMimeType = fileType.split('/')[0]; // Ottieni la parte principale del MIME type
@@ -402,9 +408,39 @@ export function checkAcceptedFile(fileType, fileUploadAccept ): boolean{
     }
 
     // Controlla per le estensioni di file specifiche come .pdf o .txt
-    return fileType === getMimeTypeFromExtension(accept);
+    const expectedMimeType = getMimeTypeFromExtension(accept);
+    if (expectedMimeType && fileType === expectedMimeType) {
+      return true;
+    }
+
+    // // Controlla se l'estensione del file corrisponde direttamente
+    // if (accept.startsWith('.') && fileExtension === accept.substring(1)) {
+    //   return true;
+    // }
+
+    // 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)) {
+      return true;
+    }
+
+    return false;
   });
+}
+
 
+/**
+ * Estrae l'estensione del file dal nome
+ * @param filename Nome del file
+ * @returns Estensione in lowercase (es. 'xlsx', 'pdf', 'jpg')
+ */
+export function getFileExtension(filename: string): string {
+  if (!filename || filename.indexOf('.') === -1) {
+    return '';
+  }
+  return filename.split('.').pop()?.toLowerCase() || '';
 }
 
 function getMimeTypeFromExtension(extension: string): string {
@@ -418,8 +454,39 @@ function getMimeTypeFromExtension(extension: string): string {
       '.txt': 'text/plain',
       '.doc': 'application/msword',
       '.docx': 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
-      '.wav' : 'audio/wav'
+      '.xlsx': 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+      '.xls': 'application/vnd.ms-excel',
+      '.wav': 'audio/wav'
       // Aggiungi altri tipi MIME se necessario
   };
   return mimeTypes[extension] || '';
 }
+
+export const BLOCKED_DOMAINS = [
+  // DOMINI MALEVOLI NOTI
+ 'attacker.me', 'evil.com', 'malicious.site', 'hacker.com', 'phishing.com',
+ 'malware.com', 'ransomware.com', 'trojan.com', 'virus.com', 'spyware.com',
+ 
+ // DOMINI DI PHISHING
+ 'phish.com', 'stealer.com', 'credential-thief.com', 'login-stealer.com',
+ 'password-stealer.com', 'banking-phish.com', 'paypal-phish.com',
+ 
+ // DOMINI DI SPAM
+ 'spam.com', 'spammer.com', 'bulk-email.com', 'unsolicited.com',
+ 
+ // DOMINI TRUFFA
+ 'scam.com', 'fraud.com', 'fake.com', 'counterfeit.com', 'hoax.com',
+ 
+ // DOMINI EXPLOIT
+ 'exploit.com', 'vulnerability.com', 'zero-day.com', 'payload.com',
+ 'shellcode.com', 'backdoor.com', 'rootkit.com',
+ 
+ // DOMINI BOTNET
+ 'botnet.com', 'zombie-pc.com', 'command-control.com', 'c2-server.com',
+ 
+ // DOMINI ADWARE/MALVERTISING
+ 'adware.com', 'malvertising.com', 'popup-ads.com', 'unwanted-ads.com',
+ 
+ // DOMINI GENERICI PERICOLOSI
+ 'danger.com', 'unsafe.com', 'insecure.com', 'threat.com', 'risk.com',
+]

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

@@ -387,9 +387,9 @@ export class FirebaseConversationHandler extends ConversationHandlerService {
                 complement = INFO_SUPPORT_USER_ADDED_COMPLEMENT;
             } else {
 
-                if (message.attributes.messagelabel.parameters.fullname) {
+                if (message.attributes.messagelabel.parameters.firstname) {
                     // other user has been added to the group (and he has a fullname)
-                    subject = message.attributes.messagelabel.parameters.fullname;
+                    subject = message.attributes.messagelabel.parameters.firstname;
                     verb = INFO_SUPPORT_USER_ADDED_VERB;
                     complement = INFO_SUPPORT_USER_ADDED_COMPLEMENT;
                 } else {

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

@@ -382,14 +382,14 @@ export class MQTTConversationHandler extends ConversationHandlerService {
                 verb = INFO_SUPPORT_USER_ADDED_YOU_VERB;
                 complement = INFO_SUPPORT_USER_ADDED_COMPLEMENT;
             } else {
-                if (message.attributes.messagelabel.parameters.fullname) {
+                if (message.attributes.messagelabel.parameters.firstname) {
                     // other user has been added to the group (and he has a fullname)
-                    subject = message.attributes.messagelabel.parameters.fullname;
+                    subject = message.attributes.messagelabel.parameters.firstname;
                     verb = INFO_SUPPORT_USER_ADDED_VERB;
                     complement = INFO_SUPPORT_USER_ADDED_COMPLEMENT;
                 } else {
                     // other user has been added to the group (and he has not a fullname, so use hes useruid)
-                    subject = message.attributes.messagelabel.parameters.member_id;
+                    subject = message.attributes.messagelabel.parameters.firstname;
                     verb = INFO_SUPPORT_USER_ADDED_VERB;
                     complement = INFO_SUPPORT_USER_ADDED_COMPLEMENT;
                 }

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

@@ -620,6 +620,10 @@ function componentFromStr(numStr, percent) {
 export function isAllowedUrlInText(text: string, allowedUrls: string[]) {
   const urlsInMessage = extractUrls(text);
 
+  if (urlsInMessage.length === 0) {
+    return true; // Nessun URL => testo ammesso
+  }
+  
   const allowedPatterns = allowedUrls.map((url) => {
     try {
       // Prova a estrarre il dominio da una URL completa

package/src/iframe-style.css

@@ -16,6 +16,7 @@
     display: none;
     z-index: 3000000000; /*999999*/; 
 }
+
 #tiledesk-container.open.overlay--popup {
     background-color: rgba(0, 0, 0, 0.4);
     position: absolute;
@@ -38,6 +39,7 @@
     display: block;
     position: fixed;
     max-height: calc(100% - 50px);
+    border-radius: 16px;
 }
 
 #tiledeskdiv.fullscreen {
@@ -50,19 +52,33 @@
 }
 
 #tiledeskdiv.top-size {
-    position: fixed;
+    /* transition: width 50ms, height 200ms, max-height 200ms, transform 300ms cubic-bezier(0, 1.2, 1, 1), opacity 83ms ease-out; */
+    position: relative;
+    margin: auto;
     top: 0;
     bottom: 0;
-    left: 50%;
-    /* width: calc( var(--iframeMaxWidth) + 180px); */
+    left: 0!important;
+    right: 0!important;
     height: 100%; /*var(--iframeMaxHeight);*/
     /* transform: translate(-50%, -50%);   */
-    transform: translate(-50%, 0%);  
+    /* transform: translate(-50%, 0%);   */
     width: 100%;
     max-width: 1024px;
     max-height: 100%;
+
+    transition: 
+    width 300ms, 
+    height 300ms, 
+    max-height 300ms, 
+    transform 300ms cubic-bezier(0, 1.2, 1, 1), 
+    opacity 300ms ease-out;
+    /* per migliorare le prestazioni quando si usa transform */
+    will-change: transform, opacity, width, height;
 }
- 
+
+/* #tiledesk-container.open #tiledeskdiv.top-size #tiledeskiframe {
+    border-radius: unset;
+} */
 
 @keyframes right-animate {
     0% {
@@ -82,6 +98,7 @@
     left: auto; /* NEW DEPA */ 
     top:auto;
     transform: none;
+    transition: none;
 }
 #tiledesk-container.closed #tiledeskdiv.callout {
     /* width: 400px;
@@ -112,12 +129,21 @@
 #tiledesk-container.open #tiledeskiframe {
     display: block;
     /*width: 376px;*/
-}
-#tiledesk-container.open #tiledeskdiv.shadow {
+    border-radius: 16px;
     transition: box-shadow 0.8s ease-in;
     box-shadow: rgba(0, 0, 0, 0.16) 0px 8px 36px 0px; /*NEW GAB*/
 }
+/* 
+#tiledesk-container.open #tiledeskdiv.shadow {
+    transition: box-shadow 0.8s ease-in;
+    box-shadow: rgba(0, 0, 0, 0.16) 0px 8px 36px 0px;
+} 
+*/
 
+#tiledesk-container.open #tiledeskdiv {
+    /* transition: box-shadow 0.8s ease-in;
+    box-shadow: rgba(0, 0, 0, 0.16) 0px 8px 36px 0px; */
+}
 
 #tiledesk-container.closed #tiledeskiframe {
     display: block;