@chat21/chat21-web-widget 5.1.6 → 5.1.7-rc9

package/src/app/component/conversation-detail/conversation-footer/conversation-footer.component.ts

@@ -1,4 +1,6 @@
 import { Component, ComponentFactoryResolver, ElementRef, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges, ViewChild, ViewContainerRef } from '@angular/core';
+import { error } from 'console';
+import { FILE_SIZE_LIMIT } from 'src/app/utils/constants';
 import { Globals } from 'src/app/utils/globals';
 import { checkAcceptedFile } from 'src/app/utils/utils';
 import { MessageModel } from 'src/chat21-core/models/message';
@@ -82,7 +84,11 @@ export class ConversationFooterComponent implements OnInit, OnChanges {
   }
 
   showAlertEmoji: boolean = false
-  showAlertUrl: boolean = false;
+
+  file_size_limit = FILE_SIZE_LIMIT;
+  attachmentTooltip: string = '';
+  isErrorNetwork: boolean = false;
+
 
   convertColorToRGBA = convertColorToRGBA;
   private logger: LoggerService = LoggerInstance.getInstance()
@@ -91,8 +97,10 @@ export class ConversationFooterComponent implements OnInit, OnChanges {
               private uploadService: UploadService) { }
 
   ngOnInit() {
+    // this.updateAttachmentTooltip();
   }
 
+
   ngOnChanges(changes: SimpleChanges){
     if(changes['conversationWith'] && changes['conversationWith'].currentValue !== undefined){
       this.conversationHandlerService = this.chatManager.getConversationHandlerByConversationId(this.conversationWith);
@@ -105,6 +113,10 @@ export class ConversationFooterComponent implements OnInit, OnChanges {
       this.onDrop(this.dropEvent)
     }
 
+    // if(changes['translationMap'] && changes['translationMap'].currentValue !== undefined){
+    //   this.updateAttachmentTooltip();
+    // }
+
   }
   
   ngAfterViewInit() {
@@ -112,8 +124,25 @@ export class ConversationFooterComponent implements OnInit, OnChanges {
     // setTimeout(() => {
       this.showEmojiPicker = true
     // }, 500);
+    // this.updateAttachmentTooltip();
   }
 
+
+  // updateAttachmentTooltip() {
+  //   // Use setTimeout to wait for the async translation map to be populated
+  //   setTimeout(() => {
+  //     this.logger.log('[CONV-FOOTER] updateAttachmentTooltip - translationMap:', this.translationMap);
+  //     if (this.translationMap && this.translationMap.has('MAX_ATTACHMENT')) {
+  //       const template = this.translationMap.get('MAX_ATTACHMENT');
+  //       this.logger.log('[CONV-FOOTER] MAX_ATTACHMENT template:', template);
+  //       // this.attachmentTooltip = template.replace('{{file_size_limit}}', this.file_size_limit.toString());
+  //       this.logger.log('[CONV-FOOTER] attachmentTooltip:', this.attachmentTooltip);
+  //     } else {
+  //       this.logger.log('[CONV-FOOTER] MAX_ATTACHMENT not found in translationMap');
+  //     }
+  //   }, 500);
+  // }
+
   // ========= begin:: functions send image ======= //
   // START LOAD IMAGE //
   /** load the selected image locally and open the pop up preview */
@@ -202,7 +231,12 @@ export class ConversationFooterComponent implements OnInit, OnChanges {
             const fileXLoad = this.arrayFilesLoad[0].file;
             const uid = this.arrayFilesLoad[0].uid;
             const type = this.arrayFilesLoad[0].type;
-            const size = this.arrayFilesLoad[0].size
+            const size = this.arrayFilesLoad[0].size;
+            if(size > this.file_size_limit * 1024 * 1024){
+              this.logger.error('[CONV-FOOTER] file size is greater than the limit: ', size, this.file_size_limit * 1024 * 1024);
+              this.showErrorNetwork();
+              return;
+            }
             this.logger.log('[CONV-FOOTER] that.fileXLoad: ', type);
             let metadata;
             if (type.startsWith('image') && !type.includes('svg')) {
@@ -239,6 +273,17 @@ export class ConversationFooterComponent implements OnInit, OnChanges {
     }
 
 
+    private showErrorNetwork() {
+      // posso anche passare solo keyMessage, nel caso non voglio passare un messaggio custom posso passare message e params(se il messaggio possiede dei parametri),
+      //window.dispatchEvent(new CustomEvent('tooltipErrorMessage', { detail: { error: true, message: 'File size is greater than the limit {{file_size_limit}}', keyMessage: null, params: { file_size_limit: this.file_size_limit } } }));
+      window.dispatchEvent(new CustomEvent('tooltipErrorMessage', { detail: { error: true,  keyMessage: 'MAX_ATTACHMENT' } }));
+      setTimeout(() => {
+        this.isFilePendingToUpload = false;
+        this.hideTextReply = false;
+        window.dispatchEvent(new CustomEvent('tooltipErrorMessage', { detail: { error: false, message: '', keyMessage: null } }));
+      }, 5000);
+    }
+
     uploadSingle(metadata, file, messageText?: string) {
       const that = this;
       try {
@@ -319,14 +364,14 @@ export class ConversationFooterComponent implements OnInit, OnChanges {
    * @param additional_attributes
    */
   sendMessage(msg: string, type: string, metadata?: any, additional_attributes?: any) { // sponziello
+
     (metadata) ? metadata = metadata : metadata = '';
     this.onEmojiiPickerShow.emit(false)
     this.logger.log('[CONV-FOOTER] SEND MESSAGE: ', msg, type, metadata, additional_attributes);
 
-
-    let checkUrlDomain = this.checkForUrlDomain(this.textInputTextArea)
-    if(!checkUrlDomain){
-      return
+    let check = this.checkForEmojii(this.textInputTextArea)
+    if(!check){
+      return;
     }
 
     if (msg && msg.trim() !== '' || type === TYPE_MSG_IMAGE || type === TYPE_MSG_FILE ) {
@@ -536,22 +581,6 @@ export class ConversationFooterComponent implements OnInit, OnChanges {
     this.showAlertEmoji = false;
     return true
   }
-
-  checkForUrlDomain(text){
-    if(this.project && this.project.settings?.allowed_urls === true && this.project.settings?.allowed_urls_list){
-      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
-
-
-  }
-
   
 
   onTextAreaChange(){
@@ -560,7 +589,6 @@ export class ConversationFooterComponent implements OnInit, OnChanges {
 
     //reset alert to defalt values before checking again
     this.showAlertEmoji= false;
-    this.showAlertUrl = false;
     let check = this.checkForEmojii(this.textInputTextArea)
     if(!check){
       return;
@@ -570,6 +598,9 @@ export class ConversationFooterComponent implements OnInit, OnChanges {
   onSendPressed(event) {
     this.logger.log('[CONV-FOOTER] onSendPressed:event', event);
     event.preventDefault();
+    if(this.showAlertEmoji){
+      return; 
+    }
     this.logger.log('[CONV-FOOTER] AppComponent::onSendPressed::isFilePendingToUpload:', this.isFilePendingToUpload);
     if (this.isFilePendingToUpload) {
       this.logger.log('[CONV-FOOTER] AppComponent::onSendPressed', 'is a file');
@@ -697,6 +728,9 @@ export class ConversationFooterComponent implements OnInit, OnChanges {
     const keyCode = event.which || event.keyCode;
     this.textInputTextArea = ((document.getElementById('chat21-main-message-context') as HTMLInputElement).value);
     if (keyCode === 13) { // ENTER pressed
+      if(this.showAlertEmoji){
+        return; 
+      }
       if (this.textInputTextArea && this.textInputTextArea.trim() !== '') {
         //   that.logger.log('[CONV-FOOTER] sendMessage -> ', this.textInputTextArea);
         // this.resizeInputField();

package/src/app/component/{network-offline/network-offline.component.html → error-alert/error-alert.component.html}

@@ -3,6 +3,8 @@
         <path d="M440-280h80v-240h-80v240Zm40-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/>
     </svg>
     <div class="alert-content">
-        {{ translationMap.get('CONNECTION_NETWORK_ERROR')}}
+        {{ errorMessage }}
     </div>
-</div>
+</div>
+
+

package/src/app/component/{network-offline/network-offline.component.scss → error-alert/error-alert.component.scss}

@@ -28,4 +28,6 @@ span.material-icons-outlined{
     font-size: 11px;
     line-height: 18px;
     /* // letter-spacing: -0.01em; */
-}
+}
+
+

package/src/app/component/{network-offline/network-offline.component.spec.ts → error-alert/error-alert.component.spec.ts}

@@ -1,18 +1,18 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { NetworkOfflineComponent } from './network-offline.component';
+import { ErrorAlertComponent } from './error-alert.component';
 
-describe('NetworkOfflineComponent', () => {
-  let component: NetworkOfflineComponent;
-  let fixture: ComponentFixture<NetworkOfflineComponent>;
+describe('ErrorAlertComponent', () => {
+  let component: ErrorAlertComponent;
+  let fixture: ComponentFixture<ErrorAlertComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ NetworkOfflineComponent ]
+      declarations: [ ErrorAlertComponent ]
     })
     .compileComponents();
 
-    fixture = TestBed.createComponent(NetworkOfflineComponent);
+    fixture = TestBed.createComponent(ErrorAlertComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });
@@ -21,3 +21,5 @@ describe('NetworkOfflineComponent', () => {
     expect(component).toBeTruthy();
   });
 });
+
+

package/src/app/component/error-alert/error-alert.component.ts

@@ -0,0 +1,47 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { CustomTranslateService } from 'src/chat21-core/providers/custom-translate.service';
+import * as CONSTANTS from 'src/app/utils/constants';
+
+@Component({
+  selector: 'chat-error-alert',
+  templateUrl: './error-alert.component.html',
+  styleUrls: ['./error-alert.component.scss']
+})
+export class ErrorAlertComponent implements OnInit {
+
+  @Input() errorMessage: string = '';
+  @Input() errorKeyMessage: string = '';
+  @Input() errorParams: Record<string, any> = {}; 
+
+  translationMap: Map<string, string>;
+
+  constructor(
+    private customTranslateService: CustomTranslateService,
+  ){}
+
+  ngOnInit(): void {
+    let rawMessage: string = '';
+    // Combina costanti globali + parametri passati come input
+    const replacements = { ...CONSTANTS, ...this.errorParams };
+    if (this.errorKeyMessage) {
+      // Traduci il messaggio e sostituisci i placeholder
+        rawMessage = this.customTranslateService
+        .translateLanguage([this.errorKeyMessage])
+        .get(this.errorKeyMessage);
+    } else if (this.errorMessage) {
+      rawMessage = this.errorMessage;
+    }
+    this.errorMessage = this.interpolate(rawMessage, replacements);
+  }
+
+  /** Sostituisce {{placeholders}} con i valori corrispondenti */
+  private interpolate(template: string, variables: Record<string, any>): string {
+    return template.replace(/\{\{(.*?)\}\}/g, (_, key) => {
+      const trimmedKey = key.trim();
+      return variables[trimmedKey] ?? `{{${trimmedKey}}}`;
+    });
+  }
+
+}
+
+

package/src/app/component/message/buttons/action-button/action-button.component.scss

@@ -1,15 +1,15 @@
 :host {
     --backgroundColor: #{var(--blue)};
-    --textColor: #{var(--bck-msg-sent)};
+    --buttonTextColor: #{var(--bck-msg-sent)};
     --hoverBackgroundColor: #{var(--bck-msg-sent)};
     --hoverTextColor: #{var(--blue)};
-    --buttonFontSize2: #{var(--button-font-size)};
+    --buttonFontSize: #{var(--button-font-size)};
     --max-width: #{var(--button-in-msg-max-width)};
     --padding: #{var(--button-in-msg-padding)};
     --font-family: #{var(--button-in-msg-font-family)};
     --buttonBorderColor: #{var(--button-border-color)};
     --buttonColor: #{var(--button-color)};
-    --buttonBackgroundColor: #ffffff; //#{var(--button-background-color)};
+    --buttonBackgroundColor: #{var(--button-background-color)};
 }
 
 .button-in-msg {
@@ -20,8 +20,8 @@
     border: 1px solid var(--buttonBorderColor);
     background: var(--buttonBackgroundColor);
     font-family: var(--font-family);
-    font-size: var(--buttonFontSize2);
-    color: var(--textColor);
+    font-size: var(--buttonFontSize);
+    color: var(--buttonTextColor);
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
@@ -38,7 +38,7 @@
 }
 
 .action {
-    background: var(--backgroundColor);
+    // background: var(--backgroundColor);
     transition: background-color .6s ease;
     &:focus,
     &:hover {

package/src/app/component/message/buttons/action-button/action-button.component.ts

@@ -25,7 +25,7 @@ export class ActionButtonComponent implements OnInit {
   ngOnChanges(changes: SimpleChanges){
     //decomment if element should have same color of themeColor and fregroundColor
     if(this.fontSize) this.elementRef.nativeElement.querySelector('.action').style.setProperty('--buttonFontSize', this.fontSize);
-    if(this.backgroundColor) this.elementRef.nativeElement.querySelector('.action').style.setProperty('--backgroundColor', this.backgroundColor);
+    if(this.backgroundColor) this.elementRef.nativeElement.querySelector('.action').style.setProperty('--buttonBackgroundColor', this.backgroundColor);
     if(this.textColor) this.elementRef.nativeElement.querySelector('.action').style.setProperty('--textColor', this.textColor);
     if(this.hoverBackgroundColor) this.elementRef.nativeElement.querySelector('.action').style.setProperty('--hoverBackgroundColor', this.hoverBackgroundColor);
     if(this.hoverTextColor) this.elementRef.nativeElement.querySelector('.action').style.setProperty('--hoverTextColor', this.hoverTextColor);

package/src/app/component/message/buttons/link-button/link-button.component.scss

@@ -1,15 +1,15 @@
 :host {
     --backgroundColor: #{var(--blue)};
-    --textColor: #{var(--bck-msg-sent)};
+    --buttonTextColor: #{var(--bck-msg-sent)};
     --hoverBackgroundColor: #{var(--bck-msg-sent)};
     --hoverTextColor: #{var(--blue)};
-    --buttonFontSize2: #{var(--button-font-size)};
+    --buttonFontSize: #{var(--button-font-size)};
     --max-width: #{var(--button-in-msg-max-width)};
     --padding: #{var(--button-in-msg-padding)};
     --font-family: #{var(--button-in-msg-font-family)};
     --buttonBorderColor: #{var(--button-border-color)};
     --buttonColor: #{var(--button-color)};
-    --buttonBackgroundColor: #ffffff; //#{var(--button-background-color)};
+    --buttonBackgroundColor: #{var(--button-background-color)};
 }
 
 
@@ -21,8 +21,8 @@
     border: 1px solid var(--buttonBorderColor);
     background: var(--buttonBackgroundColor);
     font-family: var(--font-family);
-    font-size: var(--buttonFontSize2);
-    color: var(--textColor);
+    font-size: var(--buttonFontSize);
+    color: var(--buttonTextColor);
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;

package/src/app/component/message/buttons/link-button/link-button.component.ts

@@ -23,8 +23,8 @@ export class LinkButtonComponent implements OnInit {
   ngOnChanges(changes: SimpleChanges){
     //decomment if element should have same color of themeColor and fregroundColor
     if(this.fontSize) this.elementRef.nativeElement.querySelector('.url').style.setProperty('--buttonFontSize', this.fontSize);
-    if(this.backgroundColor) this.elementRef.nativeElement.querySelector('.url').style.setProperty('--backgroundColor', this.backgroundColor);
-    if(this.textColor) this.elementRef.nativeElement.querySelector('.url').style.setProperty('--textColor', this.textColor);
+    if(this.backgroundColor) this.elementRef.nativeElement.querySelector('.url').style.setProperty('--buttonBackgroundColor', this.backgroundColor);
+    if(this.textColor) this.elementRef.nativeElement.querySelector('.url').style.setProperty('--buttonTextColor', this.textColor);
     if(this.hoverBackgroundColor) this.elementRef.nativeElement.querySelector('.url').style.setProperty('--hoverBackgroundColor', this.hoverBackgroundColor);
     if(this.hoverTextColor) this.elementRef.nativeElement.querySelector('.url').style.setProperty('--hoverTextColor', this.hoverTextColor);
   }

package/src/app/component/message/buttons/text-button/text-button.component.scss

@@ -1,15 +1,14 @@
 :host {
     --backgroundColor: #{var(--blue)};
-    --textColor: #{var(--bck-msg-sent)};
-    --hoverBackgroundColor: #{var(--bck-msg-sent)};
-    --hoverTextColor: #{var(--blue)};
-    --buttonFontSize2: #{var(--button-font-size)};
+    --buttonTextColor: #{var(--bck-msg-sent)};
+    --buttonHoverBackgroundColor: #{var(--bck-msg-sent)};
+    --buttonHoverTextColor: #{var(--blue)};
+    --buttonFontSize: #{var(--button-font-size)};
     --max-width: #{var(--button-in-msg-max-width)};
     --padding: #{var(--button-in-msg-padding)};
     --font-family: #{var(--button-in-msg-font-family)};
     --buttonBorderColor: #{var(--button-border-color)};
-    // --buttonColor: #{var(--buttonColor)};
-    --buttonBackgroundColor: #ffffff; //#{var(--button-background-color)};
+    --buttonBackgroundColor: #{var(--button-background-color)};
     --buttonColor: #{var(--button-color)};
 }
 
@@ -21,11 +20,9 @@
     cursor: pointer;
     border: 1px solid var(--buttonBorderColor);
     background: var(--buttonBackgroundColor);
-    // background: var(--backgroundColor);
     font-family: var(--font-family);
-    font-size: var(--buttonFontSize2);
-    // color: var(--buttonColor);
-    color: var(--textColor);
+    font-size: var(--buttonFontSize);
+    color: var(--buttonTextColor);
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
@@ -47,8 +44,8 @@
     transition: background-color .6s ease;
     &:focus,
     &:hover {
-        color: var(--hoverTextColor);
-        background: var(--hoverBackgroundColor);
+        color: var(--buttonHoverTextColor);
+        background: var(--buttonHoverBackgroundColor);
         // transform: scale(1.05);
         .icon-button-action {
             svg {

package/src/app/component/message/buttons/text-button/text-button.component.ts

@@ -26,10 +26,10 @@ export class TextButtonComponent implements OnInit {
   ngOnChanges(changes: SimpleChanges){
     //decomment if element should have same color of themeColor and fregroundColor
     if(this.fontSize) this.elementRef.nativeElement.querySelector('.text').style.setProperty('--buttonFontSize', this.fontSize);
-    if(this.backgroundColor) this.elementRef.nativeElement.querySelector('.text').style.setProperty('--backgroundColor', this.backgroundColor);
-    if(this.textColor) this.elementRef.nativeElement.querySelector('.text').style.setProperty('--textColor', this.textColor);
-    if(this.hoverBackgroundColor) this.elementRef.nativeElement.querySelector('.text').style.setProperty('--hoverBackgroundColor', this.hoverBackgroundColor);
-    if(this.hoverTextColor) this.elementRef.nativeElement.querySelector('.text').style.setProperty('--hoverTextColor', this.hoverTextColor);
+    if(this.backgroundColor) this.elementRef.nativeElement.querySelector('.text').style.setProperty('--buttonBackgroundColor', this.backgroundColor);
+    if(this.textColor) this.elementRef.nativeElement.querySelector('.text').style.setProperty('--buttonTextColor', this.textColor);
+    if(this.hoverBackgroundColor) this.elementRef.nativeElement.querySelector('.text').style.setProperty('--buttonHoverBackgroundColor', this.hoverBackgroundColor);
+    if(this.hoverTextColor) this.elementRef.nativeElement.querySelector('.text').style.setProperty('--buttonHoverTextColor', this.hoverTextColor);
   }
 
   onMouseOver(event){

package/src/app/component/message-attachment/message-attachment.component.html

@@ -3,15 +3,11 @@
 
     <span *ngFor="let button of buttons | slice:0:limit" class="div-button">
       
-      <!-- 
-      // bubbleReceivedBackground
-      // buttonBackgroundColor 
-      -->
       <chat-text-button-attachment *ngIf="button.type === 'text' && isLastMessage === true" class="div-button"
         [button]="button"
         [isConversationArchived]="isConversationArchived"
         [fontSize]="stylesMap.get('buttonFontSize')"
-        [backgroundColor]="stylesMap.get('bubbleReceivedBackground')"
+        [backgroundColor]="stylesMap.get('buttonBackgroundColor')"
         [textColor]="stylesMap.get('buttonTextColor')"
         [hoverBackgroundColor]="stylesMap.get('buttonHoverBackgroundColor')"
         [hoverTextColor]="stylesMap.get('buttonHoverTextColor')"
@@ -21,7 +17,7 @@
       <chat-link-button-attachment *ngIf="button.type === 'url'" class="div-button"
         [button]="button"
         [fontSize]="stylesMap.get('buttonFontSize')"
-        [backgroundColor]="stylesMap.get('bubbleReceivedBackground')"
+        [backgroundColor]="stylesMap.get('buttonBackgroundColor')"
         [textColor]="stylesMap.get('buttonTextColor')"
         [hoverBackgroundColor]="stylesMap.get('buttonHoverBackgroundColor')"
         [hoverTextColor]="stylesMap.get('buttonHoverTextColor')"
@@ -32,7 +28,7 @@
         [button]="button"
         [isConversationArchived]="isConversationArchived"
         [fontSize]="stylesMap.get('buttonFontSize')"
-        [backgroundColor]="stylesMap.get('bubbleReceivedBackground')"
+        [backgroundColor]="stylesMap.get('buttonBackgroundColor')"
         [textColor]="stylesMap.get('buttonTextColor')"
         [hoverBackgroundColor]="stylesMap.get('buttonHoverBackgroundColor')"
         [hoverTextColor]="stylesMap.get('buttonHoverTextColor')"

package/src/app/providers/translator.service.ts

@@ -99,7 +99,7 @@ export class TranslatorService {
 
   // https://github.com/ngx-translate/core/issues/282
   initI18n(): Promise<any> {
-    this._translate.addLangs(['en', 'it']);
+    this._translate.addLangs(['en', 'it', 'es', 'fr']);
     this.logger.debug('[TRANSLATOR-SERV]»»»» initI18n getLangs ', this._translate.getLangs());
 
     // Set the default language for translation strings.
@@ -261,7 +261,10 @@ export class TranslatorService {
       'WAITING_TIME_FOUND',
       'WAITING_TIME_NOT_FOUND',
       'CLOSED',
-      'LABEL_PREVIEW'
+      'LABEL_PREVIEW',
+      'MAX_ATTACHMENT',
+      'MAX_ATTACHMENT_ERROR',
+      'EMOJI'
     ];
 
 
@@ -316,6 +319,9 @@ export class TranslatorService {
       globals.CLOSED = res['CLOSED'];
       globals.LABEL_PREVIEW = res['LABEL_PREVIEW']
       globals.LABEL_ERROR_FIELD_REQUIRED= res['LABEL_ERROR_FIELD_REQUIRED']
+      globals.MAX_ATTACHMENT = res['MAX_ATTACHMENT']
+      globals.MAX_ATTACHMENT_ERROR = res['MAX_ATTACHMENT_ERROR']
+      globals.EMOJI = res['EMOJI']
       
       
       if(globals.WELCOME_TITLE === 'WELLCOME_TITLE') globals.WELCOME_TITLE = res['WELCOME_TITLE']

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/utils.ts

@@ -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;
             }