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

package/.github/workflows/docker-community-push-latest.yml

@@ -1,10 +1,10 @@
 name: Docker Image Community latest CI
 
-on:  
-  push:  
+on:	
+  push:	 
     branches: [ master ]
-  pull_request:  
-    branches: [ master ]  
+  pull_request:	
+    branches: [ master ]	
 
 jobs:
   push_to_registry:
@@ -12,22 +12,12 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - name: Check out the repo
-        uses: actions/checkout@v2
-
-      - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v2
-
-      - name: Log in to Docker Hub
-        uses: docker/login-action@v2
-        with:
-          username: ${{ secrets.DOCKERHUB_USERNAME }}
-          password: ${{ secrets.DOCKERHUB_TOKEN }}
-
-      - name: Build and push multiarch Docker image
-        uses: docker/build-push-action@v3
-        with:
-          context: .
-          push: true
-          platforms: linux/amd64,linux/arm64
-          tags: chat21/chat21-web-widget:latest
+    - uses: actions/checkout@v2	     
+      name: Check out the repo
+    - uses: docker/build-push-action@v1
+      with:	    
+        username: ${{ secrets.DOCKERHUB_USERNAME }}
+        password: ${{ secrets.DOCKERHUB_TOKEN }}
+        repository: chat21/chat21-web-widget
+        push: true
+        tags: latest

package/.github/workflows/docker-image-tag-community-tag-push.yml

@@ -3,30 +3,20 @@ name: Publish Docker Community image tags
 on:
   push:
     tags:
-      - '**'  # Trigger su qualsiasi tag
-
+      - '**'           # Push events to every tag including hierarchical tags like
 jobs:
+
   push_to_registry:
     name: Push Docker image to Docker Hub
     runs-on: ubuntu-latest
-
     steps:
-      - name: Check out the repo
-        uses: actions/checkout@v2
-
-      - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v2
-
-      - name: Log in to Docker Hub
-        uses: docker/login-action@v2
-        with:
-          username: ${{ secrets.DOCKERHUB_USERNAME }}
-          password: ${{ secrets.DOCKERHUB_TOKEN }}
-
-      - name: Build and push multiarch Docker image
-        uses: docker/build-push-action@v3
-        with:
-          context: .
-          push: true
-          platforms: linux/amd64,linux/arm64
-          tags: chat21/chat21-web-widget:${{ github.ref_name }}
+     - name: Check out the repo
+       uses: actions/checkout@v2
+     - name: Push to Docker Hub
+       uses: docker/build-push-action@v1
+       with:
+        username: ${{ secrets.DOCKERHUB_USERNAME }}
+        password: ${{ secrets.DOCKERHUB_TOKEN }}
+        repository: chat21/chat21-web-widget
+        push: true
+        tag_with_ref: true

package/CHANGELOG.md

@@ -6,18 +6,9 @@
 ### **Copyrigth**: 
 *Tiledesk SRL*
 
-# 5.1.7-rc9
-- **removed**: 'DOMAIN_NOT_ALLOWED' in textarea footer component
-
-# 5.1.7-rc8
-- **changed**: Updated the translations of the tooltips in the footer-component
-- **changed**: Refactored the network-offline component and made it generic for displaying errors (now error-alert.component)
-
-# 5.1.7-rc7
-- **bug-fixed**: button new_conversation always appear. added subscription to conversationAdded
-
-# 5.1.7-rc6
-- **added**: Added MAX_ATTACHMENT_ERROR error message when uploading a file larger than 10 MB
+# 5.1.12
+- **bug-fixed**: check showEmojiFooterButton to enable/disable emojii
+- **bug-fixed**: markdown is fired as an emojii and blocked by isEmojii check fn
 
 # 5.1.7-rc5
 - **bug-fixed**: bug fixed BUTTON STYLES
@@ -39,6 +30,8 @@
 - **bug-fixed**: bug fixed min-height message-receive
 - **bug-fixed**: bug-fixed css footer
 
+# 5.1.7
+
 # 5.1.6
 
 # 5.1.5

package/Dockerfile

@@ -1,7 +1,7 @@
 ### STAGE 1: Build ###
 
 # We label our stage as ‘builder’
-FROM --platform=$BUILDPLATFORM node:20.12.2-alpine3.19 as builder
+FROM node:20.12.2-alpine3.19 as builder
 
 COPY package.json package-lock.json ./
 
@@ -15,11 +15,12 @@ COPY . .
 
 ## Build the angular app in production mode and store the artifacts in dist folder
 
-
 RUN npx ng build --configuration="prod" --output-path=dist --base-href=./ --output-hashing=none
 
+
 ### STAGE 2: Setup ###
-FROM --platform=$BUILDPLATFORM nginx:1.14.1-alpine
+
+FROM nginx:1.14.1-alpine
 
 ## Copy our default nginx config
 COPY nginx.conf /etc/nginx/nginx.conf
@@ -32,4 +33,4 @@ COPY --from=builder /ng-app/dist/browser /usr/share/nginx/html
 
 RUN echo "Chat21 Web Widget Started!!"
 
-CMD ["/bin/sh", "-c", "envsubst < /usr/share/nginx/html/widget-config-template.json > /usr/share/nginx/html/widget-config.json && exec nginx -g 'daemon off;'"]
+CMD ["/bin/sh",  "-c",  "envsubst < /usr/share/nginx/html/widget-config-template.json > /usr/share/nginx/html/widget-config.json && exec nginx -g 'daemon off;'"]

package/angular.json

@@ -44,8 +44,7 @@
               "src/environments/real_data/widget-config-docker.json",
               "src/environments/real_data/widget-config-native-mqtt.json",
               "src/environments/real_data/widget-config-native-prod.json",
-              "src/environments/real_data/widget-config-aws-stage.json",
-              "src/environments/real_data/widget-config-aws-aruba.json"
+              "src/environments/real_data/widget-config-aws-stage.json"
             ],
             "styles": [
               "src/app/sass/styles.scss"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@chat21/chat21-web-widget",
   "author": "Tiledesk SRL",
-  "version": "5.1.7-rc9",
+  "version": "5.1.12",
   "license": "MIT",
   "homepage": "https://www.tiledesk.com",
   "repository": {

package/src/app/app.component.html

@@ -105,11 +105,11 @@
 
     <!-- 
     ****************************************
-    ********* MODALE ERROR ALERT ***********
+    ******* MODALE OFFLINE NETWORK *********
     ****************************************
     -->
-    <div *ngIf="g.isOpen && isShowErrorMessage" class="modal-page star-rating-widget active">
-      <chat-error-alert [errorMessage]="errorMessage" [errorKeyMessage]="errorKeyMessage" [errorParams]="errorParams"></chat-error-alert>
+    <div *ngIf="g.isOpen && !isOnline" class="modal-page star-rating-widget active">
+      <chat-network-offline></chat-network-offline>
     </div>
 
   </div>

package/src/app/app.component.scss

@@ -571,7 +571,7 @@ chat-root {
         /***************************
         ***** NETWORK OFFLINE ******
         ****************************/
-        chat-error-alert {
+        chat-network-offline {
             position: absolute;
             width: 100%;
             height: 100%;

package/src/app/app.component.ts

@@ -106,12 +106,9 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
   
   forceDisconnect: boolean = false;
 
-  // alert error message 
-  isShowErrorMessage: boolean = false;
-  errorMessage: string = '';
-  errorKeyMessage: string = null;
-  errorParams: Record<string, any> = {};
-
+  //network status
+  isOnline: boolean = true;
+  
   private logger: LoggerService = LoggerInstance.getInstance();
   constructor(
     private el: ElementRef,
@@ -2218,23 +2215,8 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
     }
 
     private listenToNetworkStatus(){
-        window.addEventListener('online', () => {
-            this.isShowErrorMessage = false;
-            this.errorMessage = null;
-            this.errorKeyMessage = null;
-        });
-        window.addEventListener('offline', () => {
-            this.isShowErrorMessage = true;
-            this.errorMessage = null;
-            this.errorKeyMessage = 'CONNECTION_NETWORK_ERROR';
-        });
-        window.addEventListener('tooltipErrorMessage', (event: CustomEvent) => {
-            // console.log('event-------------------> tooltipErrorMessage', event);
-            this.isShowErrorMessage = event.detail?.error;
-            this.errorKeyMessage = event.detail?.keyMessage || null;
-            this.errorMessage = event.detail?.message || null;
-            this.errorParams = event.detail?.params || {};                                        
-        });
+        window.addEventListener('online', () => this.isOnline = true);
+        window.addEventListener('offline', () =>  this.isOnline = false);
     }
 
     // ========= begin:: DESTROY ALL SUBSCRIPTIONS ============//

package/src/app/app.module.ts

@@ -59,8 +59,7 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { environment } from 'src/environments/environment';
 
 //THIRD-PART MODULES
-import { TranslateLoader, TranslateModule } from '@ngx-translate/core';
-import { TranslateHttpLoader } from '@ngx-translate/http-loader';
+import { TranslateModule } from '@ngx-translate/core';
 // import { MomentModule } from 'ngx-moment';
 import { PickerModule } from '@ctrl/ngx-emoji-mart';
 import { LoggerModule, NGXLogger, NgxLoggerLevel } from "ngx-logger";
@@ -135,7 +134,7 @@ import { Rules } from './utils/rules';
 import { ScriptService } from 'src/chat21-core/providers/scripts/script.service';
 import { CarouselComponent } from './component/message/carousel/carousel.component';
 import { BrandService } from './providers/brand.service';
-import { ErrorAlertComponent } from './component/error-alert/error-alert.component';
+import { NetworkOfflineComponent } from './component/network-offline/network-offline.component';
 import { ConfirmCloseComponent } from './modals/confirm-close/confirm-close.component';
 
 
@@ -205,11 +204,6 @@ export function conversationHandlerFactory(chat21Service: Chat21Service, appConf
   }
 }
 
-// ngx-translate Http loader factory
-export function createTranslateLoader(http: HttpClient) {
-  return new TranslateHttpLoader(http, './assets/i18n/', '.json');
-}
-
 export function typingFactory(chat21Service: Chat21Service, appConfig: AppConfigService) {
   const config = appConfig.getConfig()
   if (config.chatEngine === CHAT_ENGINE_MQTT) {
@@ -306,7 +300,7 @@ export function uploadFactory(http: HttpClient, appConfig: AppConfigService, app
     LikeUnlikeComponent,
     TooltipDirective,
     CarouselComponent,
-    ErrorAlertComponent,
+    NetworkOfflineComponent,
     ConfirmCloseComponent
   ],
   imports: [BrowserModule,
@@ -314,13 +308,13 @@ export function uploadFactory(http: HttpClient, appConfig: AppConfigService, app
     FormsModule,
     ReactiveFormsModule,
     PickerModule,
-    TranslateModule.forRoot({
-      defaultLanguage: 'en',
-      loader: {
-        provide: TranslateLoader,
-        useFactory: (createTranslateLoader),
-        deps: [HttpClient]
-      }
+    TranslateModule.forRoot(//),
+    {
+    // loader: {
+    //   provide: TranslateLoader,
+    //   useFactory: (createTranslateLoader),
+    //   deps: [HttpClient]
+    // }
     }),
     LoggerModule.forRoot({
       level: NgxLoggerLevel.DEBUG,

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

@@ -457,7 +457,7 @@ export class ConversationComponent implements OnInit, AfterViewInit, OnChanges {
       return this.isConversationArchived;
     }
 
-    //   //FALLBACK TO TILEDESK
+    //FALLBACK TO TILEDESK
     const requests_list = await this.tiledeskRequestService.getMyRequests().catch(err => {
       this.logger.error('[CONV-COMP] getConversationDetail: error getting request from Tiledesk', err);
       this.isConversationArchived=true
@@ -475,9 +475,9 @@ export class ConversationComponent implements OnInit, AfterViewInit, OnChanges {
       return this.isConversationArchived
     }
 
-      this.isConversationArchived = false;
-      return null;
-    }
+    this.isConversationArchived = true;
+    return null;
+  }
 
   /**
     * this.g.recipientId:
@@ -827,20 +827,6 @@ export class ConversationComponent implements OnInit, AfterViewInit, OnChanges {
       this.subscriptions.push(subscribe);
     }
 
-    subscribtionKey = 'conversationsAdded';
-    subscribtion = this.subscriptions.find(item => item.key === subscribtionKey);
-    if(!subscribtion){
-
-      subscribtion = this.chatManager.conversationsHandlerService.conversationChanged.pipe(takeUntil(this.unsubscribe$)).subscribe((conversation) => {
-        this.logger.debug('[CONV-COMP] ***** DATAIL conversationsChanged *****', conversation, this.conversationWith, this.isConversationArchived);
-        if(conversation && conversation.recipient === this.conversationId){
-          this.isConversationArchived = false
-        }
-      });
-      const subscribe = {key: subscribtionKey, value: subscribtion };
-      this.subscriptions.push(subscribe);
-    }
-
     subscribtionKey = 'messageWait';
     subscribtion = this.subscriptions.find(item => item.key === subscribtionKey);
     if (!subscribtion) {

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

@@ -23,7 +23,7 @@
             <span class="v-align-center">
                 <svg role="img" aria-labelledby="altIconTitle" xmlns="http://www.w3.org/2000/svg" width="24px" height="24" viewBox="0 0 24 24" fill="currentColor">
                     <path d="M9.9,22.7c0,0-.1,0-.2,0-1.9.3-3.7-.2-5.2-1.4-3-2.3-3.6-6.4-1.4-9.5L9.5,2.5c.4-.5,1.1-.6,1.6-.3.5.4.6,1.1.3,1.6l-6.5,9.4c-1.4,2-1,4.8.9,6.3,1,.8,2.2,1.1,3.5.9,1.3-.2,2.4-.9,3.1-1.9l6-8.7c.9-1.2.6-3-.6-3.9-.6-.5-1.4-.6-2.1-.5-.8.1-1.4.5-1.9,1.1l-5.8,8.2c-.3.5-.2,1.1.2,1.5.2.2.5.3.8.2.3,0,.6-.2.7-.4l4.7-6.2c.4-.5,1.1-.6,1.6-.2.5.4.6,1.1.2,1.6l-4.7,6.2c-.5.7-1.4,1.2-2.3,1.3-.9.1-1.8-.2-2.5-.7-1.4-1.1-1.6-3.1-.6-4.6l5.8-8.2c.8-1.1,2-1.9,3.4-2.1,1.4-.2,2.7.1,3.8,1,2.2,1.7,2.7,4.8,1.1,7.1l-6,8.7c-1.1,1.5-2.6,2.5-4.4,2.8h0Z"/>
-                    <title id="altIconTitle">{{ 'MAX_ATTACHMENT' | translate: { FILE_SIZE_LIMIT: file_size_limit } }}</title>
+                    <title id="altIconTitle">{{ attachmentTooltip || translationMap?.get('MAX_ATTACHMENT') }}</title>
                 </svg>
                 
             </span>

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

@@ -418,28 +418,3 @@ textarea:active{
     border: none;
     // margin: -2px -2px 0px;
 }
-
-
-// aggiungi un'animazione di fade in e fade out quando .star-rating-widget è visibile con transition
-.star-rating-widget {
-    transition: all 0.5s ease-in-out;
-}
-
-.star-rating-widget {
-    position: absolute;
-    left: 0;
-    right: 0;
-    bottom: -52px;
-    height: 100%;
-    width: 100%;
-    flex-direction: row;
-    justify-content: center;
-    background-color: rgb(255, 255, 255);
-    flex-wrap: nowrap;
-    &.active {
-        bottom: 0px;
-    }
-    &.inactive {
-        bottom: -52px;
-    }
-}

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

@@ -1,6 +1,4 @@
 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';
@@ -85,10 +83,8 @@ export class ConversationFooterComponent implements OnInit, OnChanges {
 
   showAlertEmoji: boolean = false
 
-  file_size_limit = FILE_SIZE_LIMIT;
+  file_size_limit: number = 10;
   attachmentTooltip: string = '';
-  isErrorNetwork: boolean = false;
-
 
   convertColorToRGBA = convertColorToRGBA;
   private logger: LoggerService = LoggerInstance.getInstance()
@@ -97,7 +93,7 @@ export class ConversationFooterComponent implements OnInit, OnChanges {
               private uploadService: UploadService) { }
 
   ngOnInit() {
-    // this.updateAttachmentTooltip();
+    this.updateAttachmentTooltip();
   }
 
 
@@ -113,9 +109,9 @@ export class ConversationFooterComponent implements OnInit, OnChanges {
       this.onDrop(this.dropEvent)
     }
 
-    // if(changes['translationMap'] && changes['translationMap'].currentValue !== undefined){
-    //   this.updateAttachmentTooltip();
-    // }
+    if(changes['translationMap'] && changes['translationMap'].currentValue !== undefined){
+      this.updateAttachmentTooltip();
+    }
 
   }
   
@@ -124,24 +120,24 @@ export class ConversationFooterComponent implements OnInit, OnChanges {
     // setTimeout(() => {
       this.showEmojiPicker = true
     // }, 500);
-    // this.updateAttachmentTooltip();
+    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);
-  // }
+  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 //
@@ -231,12 +227,7 @@ 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;
-            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;
-            }
+            const size = this.arrayFilesLoad[0].size
             this.logger.log('[CONV-FOOTER] that.fileXLoad: ', type);
             let metadata;
             if (type.startsWith('image') && !type.includes('svg')) {
@@ -273,17 +264,6 @@ 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 {
@@ -570,7 +550,7 @@ export class ConversationFooterComponent implements OnInit, OnChanges {
 
   checkForEmojii(text){
     //remove emojii only if "emojii" exist and is set to false
-    if(this.project && this.project.settings?.allow_send_emoji === false){
+    if(!this.showEmojiFooterButton){
       this.showAlertEmoji = isEmoji(text);
       if(this.showAlertEmoji){
         return false

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

@@ -3,8 +3,6 @@
         <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">
-        {{ errorMessage }}
+        {{ translationMap.get('CONNECTION_NETWORK_ERROR')}}
     </div>
-</div>
-
-
+</div>

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

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

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

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

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

@@ -0,0 +1,24 @@
+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)
+  }
+
+}

package/src/app/providers/global-settings.service.ts

@@ -1936,7 +1936,7 @@ export class GlobalSettingsService {
         if (this.globals.departmentID) {
             this.globals.departments.forEach(department => {
                 if (department._id === this.globals.departmentID) {
-                    this.logger.debug('[GLOBAL-SET] setDepartmentFromExternal > EXTERNAL DEPARTMENT ::::' + department._id);
+                    console.log('[GLOBAL-SET] setDepartmentFromExternal > EXTERNAL DEPARTMENT ::::' + department._id);
                     this.globals.setParameter('departmentDefault', department);
                     this.setDepartment(department);
                     isValidID = true;
@@ -1964,7 +1964,7 @@ export class GlobalSettingsService {
      * save attributes in this.appStorageService
     */
     setDepartment(department) {
-        this.logger.debug('[GLOBAL-SET] setDepartment: ', JSON.stringify(department));
+        this.logger.log('[GLOBAL-SET] setDepartment: ', JSON.stringify(department));
         this.globals.setParameter('departmentSelected', department);
         // let attributes = this.globals.attributes;
         let attributes: any = JSON.parse(this.appStorageService.getItem('attributes'));
@@ -1983,7 +1983,7 @@ export class GlobalSettingsService {
         this.logger.debug('[GLOBAL-SET] setDepartment > setAttributes: ', JSON.stringify(attributes));
         this.globals.setParameter('departmentSelected', department);
         this.globals.setParameter('attributes', attributes);
-        // this.appStorageService.setItem('attributes', JSON.stringify(attributes));
+        this.appStorageService.setItem('attributes', JSON.stringify(attributes));
 
     }
     // ========= end:: GET DEPARTEMENTS ============//

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

@@ -263,7 +263,6 @@ export class TranslatorService {
       'CLOSED',
       'LABEL_PREVIEW',
       'MAX_ATTACHMENT',
-      'MAX_ATTACHMENT_ERROR',
       'EMOJI'
     ];
 
@@ -320,7 +319,6 @@ export class TranslatorService {
       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']
       
       

package/src/app/utils/constants.ts

@@ -38,9 +38,6 @@ 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/assets/i18n/en.json

@@ -95,7 +95,6 @@
     "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",
-    "MAX_ATTACHMENT": "Max allowed size {{FILE_SIZE_LIMIT}}Mb",
-    "MAX_ATTACHMENT_ERROR": "The file exceeds the maximum allowed size",
+    "MAX_ATTACHMENT": "Max allowed size {{file_size_limit}}Mb",
     "EMOJI": "Emoji"
 }

package/src/assets/i18n/es.json

@@ -95,7 +95,6 @@
     "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",
+    "MAX_ATTACHMENT": "Tamaño máximo permitido {{file_size_limit}}Mb",
     "EMOJI": "Emoji"
 }

package/src/assets/i18n/fr.json

@@ -95,7 +95,6 @@
     "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",
+    "MAX_ATTACHMENT": "Taille maximale autorisée {{file_size_limit}}Mo",
     "EMOJI": "Emoji"
 }

package/src/assets/i18n/it.json

@@ -93,7 +93,6 @@
     "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",
+    "MAX_ATTACHMENT": "Dimensione massima consentita {{file_size_limit}}Mb",
     "EMOJI": "Emoji"
 }

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

@@ -333,12 +333,15 @@ export function  replaceEndOfLine(text) {
 
 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;
-  }
+  // 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;
+  // }
+  const emojiRegex = /\p{Extended_Pictographic}/u;
+  return emojiRegex.test(str);
+
 }
 
 export function setColorFromString(str: string) {
@@ -661,11 +664,6 @@ 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[] {
   // Rileva URL con o senza protocollo (http/https)
   const urlRegex = /\b((https?:\/\/)?(www\.)?[a-z0-9.-]+\.[a-z]{2,})(\/[^\s]*)?/gi;
@@ -680,3 +678,5 @@ function extractUrls(text: string): string[] {
 }
 
 
+
+

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

@@ -1,47 +0,0 @@
-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}}}`;
-    });
-  }
-
-}
-
-