@chat21/chat21-ionic 3.4.18 → 3.4.19-rc2

package/CHANGELOG.md

@@ -8,6 +8,13 @@
 ### **Copyrigth**: 
 *Tiledesk SRL*
 
+# 3.4.19-rc2
+- **bug-fixed**: minor fix on ion-texarea element with allowed url domain
+
+# 3.4.19-rc1
+- added: ability to check for if emoji is allowd to be sent in message textarea
+- added: ability to check for if url domain  is allowd to be sent in message textarea
+
 # 3.4.18 in PROD
 
 # 3.4.17 in PROD

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@chat21/chat21-ionic",
     "author": "Tiledesk SRL",
-    "version": "3.4.18",
+    "version": "3.4.19-rc2",
     "license": "MIT License",
     "homepage": "https://tiledesk.com/",
     "repository": {

package/src/app/app.component.ts

@@ -1242,9 +1242,9 @@ export class AppComponent implements OnInit {
   }
 
   goToDashboardLogin(){
-    let DASHBOARD_URL = this.appConfigProvider.getConfig().dashboardUrl + '#/login'
-    const myWindow = window.open(DASHBOARD_URL, '_self');
-    myWindow.focus();
+    // let DASHBOARD_URL = this.appConfigProvider.getConfig().dashboardUrl + '#/login'
+    // const myWindow = window.open(DASHBOARD_URL, '_self');
+    // myWindow.focus();
   }
 
 

package/src/app/components/conversation-detail/message-text-area/message-text-area.component.html

@@ -22,10 +22,23 @@
           {{translationMap?.get('WHATSAPP.LABEL_TEMPLATES')}}
         </ion-button>
       </div>
-      
+    </div>
+
+    <div class="footerContainerAlert">
       <div *ngIf="offlineMsgEmail && section==='chat' && channel !== CHANNEL_TYPE.WHATSAPP && messageString && (leadInfo?.presence['status']==='offline' && leadInfo?.hasEmail)" class="section-option offline-lead-tip" >
         {{translationMap.get('EMAIL.EMAIL_OFFLINE_TIP')}}
       </div>
+
+      <!-- ALERT EMOJI & URLS -->
+      <div id="textAlert" *ngIf="showAlertEmoji" class="section-option offline-lead-tip">
+        <ion-icon name="information-circle-outline"></ion-icon>
+        {{translationMap.get('EMOJI_NOT_ELLOWED')}}
+      </div>
+
+      <div id="textAlert" *ngIf="showAlertUrl" class="section-option offline-lead-tip">
+        <ion-icon name="information-circle-outline"></ion-icon>
+        {{translationMap.get('DOMAIN_NOT_ALLOWED')}}
+      </div>
     </div>
 
   </div>
@@ -113,6 +126,7 @@
 
       <div class="text-message" [ngClass]="{'text-message-no-cr': areVisibleCAR === false || supportMode === false}">
         <ion-textarea id="ion-textarea" #messageTextArea #message_text_area #textArea rows="1"
+          [class.hasError]="showAlertEmoji || showAlertUrl"  
           [placeholder]="translationMap?.get('LABEL_ENTER_MSG_SHORT')" 
           autosize="false" 
           auto-grow="true" 
@@ -127,7 +141,7 @@
         </ion-textarea>
       </div>
       <div class="buttons-right">
-        <ion-button [disabled]="conversationEnabled === false" class="send-button right active" ion-button fill="clear"
+        <ion-button [disabled]="(conversationEnabled === false || showAlertEmoji || showAlertUrl )" class="send-button right active" ion-button fill="clear"
           (click)="sendMessage(messageString)">
           <ion-icon
             [ngClass]="{'send-msg-disabled': conversationEnabled === false,'send-msg-activated': conversationEnabled === true }"

package/src/app/components/conversation-detail/message-text-area/message-text-area.component.scss

@@ -58,6 +58,7 @@
         display: block;
         text-align: right;
     }
+
 }
 
 #message-email{
@@ -170,6 +171,10 @@
             --padding-start: 10px;
             line-height: 1.34;
             font-size: 15px;
+
+            &.hasError{
+                box-shadow: 0 0 0 1px var(--base-red) inset;
+            }
         }
     }
     .text-message-no-cr {
@@ -295,6 +300,23 @@ emoji-mart::ng-deep{
         color: var(--emoji-mart-color);
     }
 }
+
+
+.footerContainerAlert{
+    #textAlert{
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: var(--base-red);
+        font-size: 11px;
+    }
+
+    ion-icon{
+        font-size: initial;
+        margin-right: 4px;
+        margin-left: 4px;
+    }
+}
 //   input[placeholder] { text-overflow: ellipsis; }
 // ::-moz-placeholder { text-overflow: ellipsis; } /* firefox 19+ */
 // input:-moz-placeholder { text-overflow: ellipsis; }

package/src/app/components/conversation-detail/message-text-area/message-text-area.component.ts

@@ -20,10 +20,12 @@ import { UploadModel } from 'src/chat21-core/models/upload';
 import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service';
 import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
 import { EventsService } from 'src/app/services/events-service';
-import { isOnMobileDevice } from 'src/chat21-core/utils/utils';
+import { isAllowedUrlInText, isEmoji, isOnMobileDevice } from 'src/chat21-core/utils/utils';
 import { checkAcceptedFile } from 'src/chat21-core/utils/utils';
 import { CopilotService } from 'src/app/services/copilot/copilot.service';
 import { BRAND_BASE_INFO } from 'src/app/utils/utils-resources';
+import { ProjectService } from 'src/app/services/projects/project.service';
+import { Project } from 'src/chat21-core/models/projects';
 
 
 @Component({
@@ -70,6 +72,7 @@ export class MessageTextAreaComponent implements OnInit, AfterViewInit, OnChange
   @Output() onPresentModalScrollToBottom = new EventEmitter<boolean>();
   @Output() onOpenFooterSection = new EventEmitter<string>();
 
+  public project: Project;
   public conversationEnabled = false;
   public messageString: string;
   public HAS_PASTED: boolean = false;
@@ -111,6 +114,9 @@ export class MessageTextAreaComponent implements OnInit, AfterViewInit, OnChange
 
   BRAND_BASE_INFO = BRAND_BASE_INFO
   
+  showAlertEmoji: boolean = false
+  showAlertUrl: boolean = false;
+
   /**
    * Constructor
    * @param chooser 
@@ -123,7 +129,8 @@ export class MessageTextAreaComponent implements OnInit, AfterViewInit, OnChange
     public modalController: ModalController,
     public uploadService: UploadService,
     public toastController: ToastController,
-    public eventsService: EventsService
+    public eventsService: EventsService,
+    public projectService: ProjectService
   ) { }
 
   // ---------------------------------------------------------
@@ -153,6 +160,8 @@ export class MessageTextAreaComponent implements OnInit, AfterViewInit, OnChange
     this.logger.log('[CONVS-DETAIL] - returnChangeTextArea ngOnChanges in [MSG-TEXT-AREA]  this.tagsCannedFilter.length ', this.tagsCannedFilter.length)
     this.logger.log('[CONVS-DETAIL] - returnChangeTextArea ngOnChanges in [MSG-TEXT-AREA] channel', this.channel, this.whatsappTemplatesSection, this.emailSection )
 
+    this.project = this.projectService.getProject();
+    this.logger.log('[CONVS-DETAIL] - returnChangeTextArea ngOnChanges in [MSG-TEXT-AREA] project', this.project)
     // use case drop
     if (this.dropEvent) {
       this.presentModal(this.dropEvent)
@@ -495,6 +504,13 @@ export class MessageTextAreaComponent implements OnInit, AfterViewInit, OnChange
       this.conversationEnabled = false;
     }
 
+    this.showAlertEmoji= false;
+    this.showAlertUrl = false;
+    let check = this.checkForEmojii(e.detail.value)
+    if(!check){
+      return;
+    }
+
     this.eventChangeTextArea.emit({ msg: message, offsetHeight: height });
   }
 
@@ -609,8 +625,15 @@ export class MessageTextAreaComponent implements OnInit, AfterViewInit, OnChange
     this.logger.log('[CONVS-DETAIL][MSG-TEXT-AREA] sendMessage text', text);
     this.logger.log('[CONVS-DETAIL][MSG-TEXT-AREA] sendMessage conve width', this.conversationWith);
     // text.replace(/\s/g, "")
+    let checkUrlDomain = this.checkForUrlDomain(text)
+    if(!checkUrlDomain){
+      return
+    }
+
     this.messageString = '';
     // text = text.replace(/(\r\n|\n|\r)/gm, '');
+
+
     if (text && text.trim() !== '') {
       this.eventSendMessage.emit({ msg: text, type: TYPE_MSG_TEXT, metadata: null, attributes: null });
     }
@@ -673,6 +696,38 @@ export class MessageTextAreaComponent implements OnInit, AfterViewInit, OnChange
   }
 
 
+  //check if the text contains emojii
+  checkForEmojii(text){
+    //remove emojii only if "emojii" exist and is set to false
+    if(this.project && this.project.settings?.allow_send_emoji === false){
+      this.showAlertEmoji = isEmoji(text);
+      if(this.showAlertEmoji){
+        return false
+      }
+      this.showAlertEmoji = false;
+      return true
+    }
+    this.showAlertEmoji = false;
+    return true
+  }
+
+  //check if the text contains url domain allowed in list
+  checkForUrlDomain(text){
+    if(this.project && this.project.settings?.allowed_urls === true){
+      this.showAlertUrl = !isAllowedUrlInText(text, this.project.settings?.allowed_urls_list);
+      if(this.showAlertUrl){
+        return false
+      }
+      this.showAlertUrl = false
+      return true
+    }
+    this.showAlertUrl = false
+    return true
+
+
+  }
+
+
 
   // --------------------------------
   // on mobile !

package/src/app/pages/conversation-detail/conversation-detail.page.ts

@@ -683,8 +683,11 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
       "WHATSAPP.ERROR_WHATSAPP_GENERIC_ERROR",
 
       "COPILOT.ASK_AI",
-      "COPILOT.NO_SUGGESTIONS_PRESENT"
+      "COPILOT.NO_SUGGESTIONS_PRESENT",
 
+      "EMOJI_NOT_ELLOWED",
+      "DOMAIN_NOT_ALLOWED",
+      
     ]
 
     const keysHeader = [

package/src/app/services/projects/project.service.ts

@@ -15,9 +15,12 @@ export class ProjectService {
 
   private SERVER_BASE_URL: string;
   private tiledeskToken: string;
+  private _project: Project;
 
   private logger: LoggerService = LoggerInstance.getInstance();
 
+
+  
   constructor(
     public http: HttpClient,
     public appStorageService: AppStorageService
@@ -61,8 +64,26 @@ export class ProjectService {
     };
     return this.http.get(url, httpOptions).pipe(map((project: Project) => {
       this.logger.log('[TILEDESK-SERVICE] GET PROJECT BY ID URL - RES ', project);
+      this._project = project;
       return project
     }))
   }
 
+  /**
+   * Get the current project
+   * @returns The current project
+   */
+  public getProject(): Project {
+    return this._project;
+  }
+
+  /**
+   * Set the current project
+   * @param project The project to set
+   */
+  public setProject(project: Project): void {
+    this._project = project;
+    this.logger.log('[PROJECTS-SERVICE] setProject - Project set: ', this._project);
+  }
+
 }

package/src/assets/i18n/ar.json

@@ -304,5 +304,7 @@
     "SEND_EMAIL_ERROR":"⚠️ تنبيه ⚠️ حدث خطأ أثناء إرسال البريد الإلكتروني. يرجى المحاولة مرة أخرى",
     "SUBJECT_OFFLINE_MESSAGE":"رسالة Tiledesk غير متصل 💬",
     "SEND_EMAIL_SUCCESS_OFFLINE_MESSAGE":"تم إرسال الرسالة أيضًا عبر البريد الإلكتروني 📩"
-  }
+  },
+  "EMOJI_NOT_ELLOWED": "الرموز التعبيرية غير مسموح بها",
+  "DOMAIN_NOT_ALLOWED": "يحتوي الرابط على نطاق غير مسموح"
 }

package/src/assets/i18n/az.json

@@ -304,5 +304,7 @@
     "SEND_EMAIL_ERROR":"⚠️ DİQQƏT ⚠️ E-poçt göndərilərkən xəta baş verdi. Yenidən cəhd edin",
     "SUBJECT_OFFLINE_MESSAGE":"Tiledesk Offline mesajı 💬",
     "SEND_EMAIL_SUCCESS_OFFLINE_MESSAGE":"Mesaj e-poçt vasitəsilə də göndərilib 📩"    
-  }
+  },
+  "EMOJI_NOT_ELLOWED": "Emoji icazə verilmir",
+  "DOMAIN_NOT_ALLOWED": "URL icazə verilməyən domeni ehtiva edir"
 }

package/src/assets/i18n/de.json

@@ -304,5 +304,7 @@
     "SEND_EMAIL_ERROR":"⚠️ ACHTUNG ⚠️ Beim Senden der E-Mail ist ein Fehler aufgetreten. Bitte versuchen Sie es erneut",
     "SUBJECT_OFFLINE_MESSAGE":"Tiledesk Offline-Nachricht 💬",
     "SEND_EMAIL_SUCCESS_OFFLINE_MESSAGE":"Nachricht auch per E-Mail gesendet 📩"
-  }
+  },
+  "EMOJI_NOT_ELLOWED": "Emoji nicht erlaubt",
+  "DOMAIN_NOT_ALLOWED": "Die URL enthält eine nicht erlaubte Domain"
 }

package/src/assets/i18n/en.json

@@ -312,5 +312,7 @@
     "NO_SUGGESTIONS_PRESENT":"No suggestions found",
     "INSERT_PROMPT_HERE":"Inster a prompt here",
     "HOW_CAN_I_HELP_YOU":"How can i help you?"
-  }
+  },
+  "EMOJI_NOT_ELLOWED":"Emoji not allowed",
+  "DOMAIN_NOT_ALLOWED":"URL contains a non-allowed domain"
 }

package/src/assets/i18n/es.json

@@ -304,5 +304,7 @@
     "SEND_EMAIL_ERROR":"⚠️ ATENCIÓN ⚠️ Ocurrió un error al enviar el correo. Vuelve a intentarlo",
     "SUBJECT_OFFLINE_MESSAGE":"Mensaje sin conexión de Tiledesk 💬",
     "SEND_EMAIL_SUCCESS_OFFLINE_MESSAGE":"Mensaje también enviado por correo electrónico 📩"
-  }
+  },
+  "EMOJI_NOT_ELLOWED": "Emoji no permitido",
+  "DOMAIN_NOT_ALLOWED": "La URL contiene un dominio no permitido"
 }

package/src/assets/i18n/fr.json

@@ -294,7 +294,7 @@
   },
   "EMAIL":{
     "LABEL_TOOLTIP":"Répondre avec un e-mail",
-    "EMAIL_OFFLINE_TIP":"Attention : l'utilisateur est hors ligne ! Le message sera envoyé par email",
+    "EMAIL_OFFLINE_TIP":"Attention : l'utilisateur est hors ligne ! Le message sera envoyé par email",
     "EMAIL_PLACEHOLDER":"Brouillon disponible ici - cliquez pour modifier",
     "EMAIL_NOT_FOUND_PLACEHOLDER":"Cet utilisateur n'a pas fourni d'adresse e-mail. Mettre à jour l'adresse du visiteur pour envoyer un e-mail",
     "SUBJECT":"Matière",
@@ -304,5 +304,7 @@
     "SEND_EMAIL_ERROR":"⚠️ ATTENTION ⚠️ Une erreur s'est produite lors de l'envoi de l'e-mail. Veuillez réessayer",
     "SUBJECT_OFFLINE_MESSAGE":"Message hors ligne de Tiledesk 💬",
     "SEND_EMAIL_SUCCESS_OFFLINE_MESSAGE":"Message également envoyé par mail 📩"
-  }
+  },
+  "EMOJI_NOT_ELLOWED": "Emoji non autorisé",
+  "DOMAIN_NOT_ALLOWED": "L'URL contient un domaine non autorisé"
 }

package/src/assets/i18n/it.json

@@ -312,5 +312,7 @@
         "NO_SUGGESTIONS_PRESENT":"Nessun suggerimento trovato",
         "INSERT_PROMPT_HERE":"Inserisci un prompt qui",
         "HOW_CAN_I_HELP_YOU":"Come posso aiutarti?"
-  }
+  },
+  "EMOJI_NOT_ELLOWED": "Emoji non consentite",
+  "DOMAIN_NOT_ALLOWED": "L'URL contiene un dominio non consentito"
 }

package/src/assets/i18n/kk.json

@@ -304,5 +304,7 @@
     "SEND_EMAIL_ERROR":"⚠️ НАЗАР АУДАРЫҢЫЗ ⚠️ Электрондық поштаны жіберу кезінде қате орын алды. Қайталап көріңіз",
     "SUBJECT_OFFLINE_MESSAGE":"Tiledesk офлайн хабарламасы 💬",
     "SEND_EMAIL_SUCCESS_OFFLINE_MESSAGE":"Хабарлама электрондық пошта арқылы да жіберілді 📩"
-  }
+  },
+  "EMOJI_NOT_ELLOWED": "Эмодзи рұқсат етілмеген",
+  "DOMAIN_NOT_ALLOWED": "URL рұқсат етілмеген доменді қамтиды"
 }

package/src/assets/i18n/pt.json

@@ -304,5 +304,7 @@
     "SEND_EMAIL_ERROR":"⚠️ ATENÇÃO ⚠️ Ocorreu um erro ao enviar o e-mail. Tente novamente",
     "SUBJECT_OFFLINE_MESSAGE":"Mensagem off-line do Tiledesk 💬",
     "SEND_EMAIL_SUCCESS_OFFLINE_MESSAGE":"Mensagem também enviada por e-mail 📩"
-  }
+  },
+  "EMOJI_NOT_ELLOWED": "Emoji não permitido",
+  "DOMAIN_NOT_ALLOWED": "O URL contém um domínio não permitido"
 }

package/src/assets/i18n/ru.json

@@ -304,5 +304,7 @@
     "SEND_EMAIL_ERROR":"⚠️ ВНИМАНИЕ ⚠️ При отправке письма произошла ошибка. Пожалуйста, повторите попытку",
     "SUBJECT_OFFLINE_MESSAGE":"Сообщение Tiledesk Offline 💬",
     "SEND_EMAIL_SUCCESS_OFFLINE_MESSAGE":"Сообщение также отправлено по электронной почте 📩"
-  }
+  },
+  "EMOJI_NOT_ELLOWED": "Эмодзи не разрешены",
+  "DOMAIN_NOT_ALLOWED": "URL содержит недопустимый домен"
 }

package/src/assets/i18n/sr.json

@@ -304,5 +304,7 @@
     "SEND_EMAIL_ERROR":"⚠ ПАЖЊА ⚠ Дошло је до грешке при слању е-поште. Молимо покушајте поново",
     "SUBJECT_OFFLINE_MESSAGE":"Тиледеск Офлајн порука 💬",
     "SEND_EMAIL_SUCCESS_OFFLINE_MESSAGE":"Порука је такође послата е-поштом 📩"  
-  }
+  },
+  "EMOJI_NOT_ELLOWED": "Emodžiji nisu dozvoljeni",
+  "DOMAIN_NOT_ALLOWED": "URL sadrži nedozvoljenu domenu"
 }

package/src/assets/i18n/sv.json

@@ -304,5 +304,7 @@
     "SEND_EMAIL_ERROR":"⚠️ OBS ⚠️ Ett fel uppstod när e-post skickades. Försök igen",
     "SUBJECT_OFFLINE_MESSAGE":"Tiledesk Offline meddelande 💬",
     "SEND_EMAIL_SUCCESS_OFFLINE_MESSAGE":"Meddelande skickas även via mail 📩"    
-  }
+  },
+  "EMOJI_NOT_ELLOWED": "Emoji är inte tillåtna",
+  "DOMAIN_NOT_ALLOWED": "URL:en innehåller en otillåten domän"
 }

package/src/assets/i18n/tr.json

@@ -304,5 +304,7 @@
     "SEND_EMAIL_ERROR":"⚠️ DİKKAT ⚠️ E-posta gönderirken hata oluştu. Lütfen tekrar deneyin",
     "SUBJECT_OFFLINE_MESSAGE":"Tiledesk Çevrimdışı mesaj 💬",
     "SEND_EMAIL_SUCCESS_OFFLINE_MESSAGE":"Mesaj ayrıca e-posta ile gönderilir 📩"
-  }
+  },
+  "EMOJI_NOT_ELLOWED": "Emoji'ye izin verilmiyor",
+  "DOMAIN_NOT_ALLOWED": "URL izin verilmeyen bir alan adı içeriyor"
 }

package/src/assets/i18n/uk.json

@@ -304,5 +304,7 @@
     "SEND_EMAIL_ERROR":"⚠️ УВАГА ⚠️ Під час надсилання електронної пошти сталася помилка. Будь ласка, повторіть спробу",
     "SUBJECT_OFFLINE_MESSAGE":"Повідомлення Tiledesk Offline 💬",
     "SEND_EMAIL_SUCCESS_OFFLINE_MESSAGE":"Повідомлення також надіслано електронною поштою 📩"    
-  }
+  },
+  "EMOJI_NOT_ELLOWED": "Емодзі не дозволені",
+  "DOMAIN_NOT_ALLOWED": "URL містить недозволений домен"
 }

package/src/assets/i18n/uz.json

@@ -1,4 +1,3 @@
-
 {
   "LABEL_TU": "siz: ",
   "LABEL_MSG_PUSH_START_CHAT": "Hali suhbat yo'q",
@@ -305,5 +304,7 @@
     "SEND_EMAIL_ERROR":"⚠️ DIQQAT ⚠️ Elektron pochta xabarini yuborishda xatolik yuz berdi. Qaytadan urining",
     "SUBJECT_OFFLINE_MESSAGE":"Tiledesk oflayn xabar 💬",
     "SEND_EMAIL_SUCCESS_OFFLINE_MESSAGE":"Xabar elektron pochta orqali ham yuborildi 📩"
-  }
+  },
+  "EMOJI_NOT_ELLOWED": "Emoji'ga ruxsat berilmagan",
+  "DOMAIN_NOT_ALLOWED": "URL ruxsat etilmagan domenni o'z ichiga oladi"
 }

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

@@ -921,3 +921,95 @@ export function getProjectIdSelectedConversation(conversationWith: string): stri
   }
   return projectId
 }
+
+
+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 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/variables.scss

@@ -11,6 +11,7 @@ body {
     --basic-gray: #666666;
     --dark-gray: #363636;
     --light-blue: #C9E4F6;
+    --base-red: #aa0404;
 
     --header-height: 60px;
     --padding-conversation-detail: 10px;