@chat21/chat21-web-widget 5.1.20-rc1 → 5.1.20

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,12 +6,10 @@
 ### **Copyrigth**: 
 *Tiledesk SRL*
 
-# 5.1.20-rc1
-- **changed**: API for upload a file/iamges
+# 5.1.20
+- **changed**: marked pipe do not render /n 
 
 # 5.1.19 
-
-# 5.1.19-rc1 
 - **bug fixed**: show bottom scroll button and unread message badge only when I'm not at the bottom of the page
 - **changed**: allow HTML code to be inserted into messages, but do not parse the code. Ensure coexistence with Markdown.
 - **bug fixed**: after sending a multi-line message, the text area remains open on multiple lines.
@@ -21,7 +19,6 @@
 - **changed**: saved the widget's size state to local storage. The parameter flow is (default → storage → settings → URL)
 
 # 5.1.18
-# 5.1.15-rc3
 - **added**: Implemented Shadow DOM in the text component to isolate HTML and Markdown rendering in a safe and protected context
 - **changed**: Adapted text component styles to support Shadow DOM (removed ::ng-deep, added styles for common markdown elements)
 - **security**: HTML/Markdown content is now rendered in an isolated Shadow DOM, improving security and preventing interference with the rest of the application
@@ -32,12 +29,6 @@
 # 5.1.16
 - **changed**: "close chat" header conversation menu button enabled in chatbot-panel.html 
 
-# 5.1.15-rc2
-- **bug-fixed**: Bug fix for ifame message width
- 
-# 5.1.15-rc1
-- **changed**: Load local translations before remote ones
-
 # 5.1.15 
 - **changed**: Load local translations before remote ones
 
@@ -46,56 +37,14 @@
 
 # 5.1.13 
 - **bug-fixed**: set default widget size
-
-# 5.1.7-rc16
-- **bug-fixed**: set default widget size
-
-# 5.1.7-rc15
-- **bug-fixed**: set the color of the buttons with visibility control to the font color
-
-# 5.1.7-rc14
-- **bug-fixed**: departmentId and departmentName is incorrect in attributes
-
-# 5.1.7-rc13
-- **changed**: Force authentication if ageChangeVisibilityDesktop or PageChangeVisibilityMobile is OPEN
-
-# 5.1.7-rc12
-- **changed**: Set the default autoStart value to false
-- **added**: Added the open widget loading spinner
-- **changed**: Load the widget without authentication and display the speech bubble
-
-# 5.1.7-rc11
-- **changed**: set default value autoStart false
-- **added**:added loading spinner
-
-# 5.1.7-rc10
-- **changed**: load widget without authentication and display the balloon
-
-# 5.1.7-rc9
-- **removed**: 'DOMAIN_NOT_ALLOWED' in textarea footer component
-
-# 5.1.7-rc8
-# changes in the branch 
-- **changed**: Load local translations before remote ones
-- **bug-fixed**: set default widget size
 - **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
+- **bug-fixed**: set the color of the buttons with visibility control to the font color (setButtonColors function)
 
 # 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-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.7-rc5
 - **bug-fixed**: bug fixed BUTTON STYLES

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/deploy_amazon_beta.sh

@@ -2,16 +2,8 @@
 version=`node -e 'console.log(require("./package.json").version)'`
 echo "version $version"
 
-npm i
-
-cp src/environments/real_data/environment.pre.ts src/environments/environment.pre.ts
-
 ng build --configuration="pre" --aot=true --base-href
 
-### SET HASHING : START ###
-cp ./src/launch_template.js ./dist/browser/launch.js
-node ./src/build_launch.js
-### SET HASHING : END ###
 
 # ########## --->>>> NATIVE-MQTT folder START <<<<<------ ########## #
 
@@ -31,17 +23,15 @@ node ./src/build_launch.js
 
 
 # ########## --->>>> FIREBASE folder START <<<<<------ ########## #
-cd dist/browser
-aws s3 sync . s3://tiledesk-widget-pre/v5/$version/ --cache-control max-age=300 --exclude='launch.js' #7days
-aws s3 sync . s3://tiledesk-widget-pre/v5/$version/ --cache-control "no-store,no-cache,private" --exclude='*' --include='launch.js'
-aws s3 sync . s3://tiledesk-widget-pre/v5/ --cache-control max-age=300 --exclude='launch.js' #7days
-aws s3 sync . s3://tiledesk-widget-pre/v5/ --cache-control "no-store,no-cache,private" --exclude='*' --include='launch.js'
-cd ../..
+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 E2V5O0YPR61V8P --paths "/*"
-
-git restore src/environments/environment.pre.ts
+#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

package/deploy_amazon_prod.sh

@@ -35,7 +35,7 @@ aws  cloudfront create-invalidation --distribution-id E3EJDWEHY08CZZ --paths "/*
 
 git restore src/environments/environment.prod.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
+echo new version deployed $version on s3://tiledesk-widget/v6
+echo available on https://s3.eu-west-1.amazonaws.com/tiledesk-widget/v6/index.html
+echo https://widget.tiledesk.com/v6/index.html
+echo https://widget.tiledesk.com/v6/$version/index.html

package/package.json

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

package/src/app/app.component.html

@@ -145,12 +145,5 @@
   <chat-launcher-button *ngIf="isInitialized" 
     (onButtonClicked)="onOpenCloseWidget($event)">
   </chat-launcher-button>
-
-  <!-- Loading Spinner -->
-  <div *ngIf="loading" class="tiledesk-loading-overlay">
-    <div class="tiledesk-loading-spinner">
-      <div class="spinner-circle"></div>
-      <div class="loading-text">{{ translationMap.get('LABEL_LOADING') }}</div>
-    </div>
-  </div>
+  
 </div>

package/src/app/app.component.scss

@@ -761,63 +761,4 @@ chat-root {
         }
     }
 
-    // ========= BEGIN: LOADING SPINNER ========= //
-    .tiledesk-loading-overlay {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        background-color: rgba(248, 249, 250, 0.95);
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        z-index: 9999;
-        backdrop-filter: blur(2px);
-    }
-
-    .tiledesk-loading-spinner {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        gap: 16px;
-    }
-
-    .spinner-circle {
-        width: 50px;
-        height: 50px;
-        border: 4px solid rgba(59, 130, 246, 0.2);
-        border-top-color: #3b82f6;
-        border-radius: 50%;
-        animation: spin 0.8s linear infinite;
-    }
-
-    @keyframes spin {
-        0% {
-            transform: rotate(0deg);
-        }
-        100% {
-            transform: rotate(360deg);
-        }
-    }
-
-    .loading-text {
-        font-family: var(--font-family-bubble-message, 'Roboto', 'Google Sans', Helvetica, Arial, sans-serif);
-        font-size: 14px;
-        font-weight: 500;
-        color: #3b82f6;
-        letter-spacing: 0.5px;
-        animation: pulse 1.5s ease-in-out infinite;
-    }
-
-    @keyframes pulse {
-        0%, 100% {
-            opacity: 1;
-        }
-        50% {
-            opacity: 0.5;
-        }
-    }
-    // ========= END: LOADING SPINNER ========= //
-
 }

package/src/app/app.component.ts

@@ -106,10 +106,6 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
   
   forceDisconnect: boolean = false;
 
-  //network status
-  isOnline: boolean = true;
-  loading: boolean = false;
-  
   // alert error message 
   isShowErrorMessage: boolean = false;
   errorMessage: string = '';
@@ -153,7 +149,7 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
         this.logger.info('[APP-CONF]---------------- ngAfterViewInit: APP.COMPONENT ---------------- ')
         
         // Initialize translation map and enable buttons
-        const keys = ['MAXIMIZE', 'MINIMIZE', 'CENTER', 'BUTTON_CLOSE_TO_ICON', 'LABEL_LOADING'];
+        const keys = ['MAXIMIZE', 'MINIMIZE', 'CENTER', 'BUTTON_CLOSE_TO_ICON'];
         this.translationMap = this.translateService.translateLanguage(keys);
         this.isButtonsDisabled = false;
         
@@ -266,7 +262,7 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
         this.tiledeskRequestsService.initialize(this.appConfigService.getConfig().apiUrl, this.g.projectid)
         this.messagingAuthService.initialize();
         this.chatManager.initialize();
-        this.uploadService.initialize(this.g.projectid);
+        this.uploadService.initialize();
     }
 
 
@@ -320,15 +316,8 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
                     this.g.setIsOpen(isOpen)
                     this.appStorageService.setItem('isOpen', isOpen)
                 }
-
-                if(this.g.onPageChangeVisibilityDesktop === 'last'){
-                    this.logger.debug('[APP-COMP2] ------this.g.isOpen: ', this.g.isOpen)
-                    if(this.g.isOpen){
-                        this.g.autoStart = true;
-                    }
-                }
-
-
+                
+                
                 /**CHECK IF JWT IS IN URL PARAMETERS */
                 this.logger.debug('[APP-COMP] check if token is passed throw url: ', this.g.jwt);
                 if (this.g.jwt) {
@@ -365,6 +354,10 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
         this.subscriptions.push(obsSettingsService);
         this.globalSettingsService.initWidgetParamiters(this.g, this.el);
 
+        // SET AUDIO
+        this.audio = new Audio();
+        this.audio.src = this.g.baseLocation + URL_SOUND_LIST_CONVERSATION;
+        this.audio.load();
     }
 
     private initAll() {
@@ -455,7 +448,7 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
                 that.triggerOnAuthStateChanged(that.stateLoggedUser);
                 that.logger.debug('[APP-COMP]  1 - IMPOSTO STATO CONNESSO UTENTE ', autoStart);
                 
-                this.initAudioNotification()
+                
 
                 new Promise(async (resolve, reject)=> {
                     that.typingService.initialize(this.g.tenant);
@@ -481,30 +474,26 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
                     that.listenToWidgetClick()
                 }
 
-                /** DDP IF AUTOSTART IS FALSE, SHOW WIDGET */
-                if(!autoStart){
-                    that.logger.info('[APP-COMP] AUTOSTART IS FALSE AND LOGGED SUCCESSFULLY ');
-                    this.g.setParameter('isShown', true, true);
-                }
 
 
             } else if (state && state === AUTH_STATE_OFFLINE && !this.forceDisconnect) {
                 /** non sono loggato */
                 that.logger.info('[APP-COMP] OFFLINE - NO CURRENT USER AUTENTICATE: ');
                 that.g.setParameter('isLogged', false);
-                // that.hideWidget();
+                that.hideWidget();
                 // that.g.setParameter('isShown', false, true);
                 that.triggerOnAuthStateChanged(that.stateLoggedUser);
-                if (autoStart || this.g.onPageChangeVisibilityDesktop === 'open' || this.g.onPageChangeVisibilityMobile === 'open') {
+                if (autoStart) {
                     that.authenticate();
                 }
-            } else if(state && state === AUTH_STATE_CLOSE ){
+            }else if(state && state === AUTH_STATE_CLOSE ){
                 that.logger.info('[APP-COMP] CLOSE - CHANNEL CLOSED: ', this.chatManager);
                 if(this.g.recipientId){
                     this.chatManager.removeConversationHandler(this.g.recipientId)
                     this.g.recipientId = null;
                 }
-            }  
+            }
+
 
         });
         this.subscriptions.push(subAuthStateChanged);
@@ -749,8 +738,6 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
         //         divWidgetContainer.style.display = 'block';
         //     }
         // }, 500);
-
-        this.loading = false;
     }
     // ========= end:: START UI ============//
 
@@ -859,13 +846,7 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
         this.appStorageService.setItem('attributes', JSON.stringify(attributes));
         return attributes;
     }
-    
-    // SET AUDIO
-    private initAudioNotification(){
-        this.audio = new Audio();
-        this.audio.src = this.g.baseLocation + URL_SOUND_LIST_CONVERSATION;
-        this.audio.load();
-    }
+
 
     private async initConversationsHandler(tenant: string, senderId: string) {
         this.logger.debug('[APP-COMP] initialize: ListConversationsComponent');
@@ -1624,46 +1605,23 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
         this.f21_close();
     }
 
-
-    /** DDP reload widget */
-    async reloadWidget() { 
-        this.openCloseWidget();
-        this.logger.debug('[APP-COMP-1] AAA - hideWidget');
-        await Promise.all([
-                this.authenticate(),
-                // this.initAll()
-            ]);
-        this.logger.debug('[APP-COMP-1] CCC - showWidget');
-    }
-
-
     /**
      * LAUNCHER BUTTON:
      * onClick button open/close widget
      */
     onOpenCloseWidget($event) {
-        this.logger.debug('[APP-COMP] onOpenCloseWidget', $event, this.g.isLogged);
-        if(!this.g.isLogged){
-            this.reloadWidget();
-        } else {
-            this.openCloseWidget();
-        }
-    }
-
-    /** DDP show widget */
-    openCloseWidget() {
         this.g.setParameter('displayEyeCatcherCard', 'none');
         // const conversationActive: ConversationModel = JSON.parse(this.appStorageService.getItem('activeConversation'));
         const recipientId : string = this.appStorageService.getItem('recipientId')
         this.g.setParameter('recipientId', recipientId);
         this.logger.debug('[APP-COMP] openCloseWidget', recipientId, this.g.isOpen, this.g.startFromHome);
-
         if (this.g.isOpen === false) {
             if(this.forceDisconnect){
                 this.logger.log('[FORCE] onOpenCloseWidget --> reconnect', this.forceDisconnect)
                 this.messagingAuthService.createCustomToken(this.g.tiledeskToken)
                 this.forceDisconnect = false;
             }
+
             if (!recipientId) {
                 if(this.g.singleConversation){
                     this.isOpenHome = false;
@@ -1683,22 +1641,29 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
                 this.isOpenHome = false;
                 this.isOpenConversation = true;
                 this.startUI()
+                // this.isOpenSelectionDepartment = false;
             }
+            // if (!conversationActive && !this.g.startFromHome) {
+            //     this.isOpenHome = false;
+            //     this.isOpenConversation = true;
+            //     this.startNwConversation();
+            // } else if (conversationActive) {
+            //     this.isOpenHome = false;
+            //     this.isOpenConversation = true;
+            // }
+            // this.g.startFromHome = true;
             this.triggerOnOpenEvent();
+            
         } else {
             this.triggerOnCloseEvent();
         }
         //change status to the widget
         this.g.setIsOpen(!this.g.isOpen);
         this.appStorageService.setItem('isOpen', this.g.isOpen);
-        //show loading if widget is open and user is not logged
-        if(this.g.isOpen === true && !this.g.isLogged){
-            this.loading = true;
-        }
+
         // this.saveBadgeNewConverstionNumber();
     }
 
-
     /**
      * MODAL SELECTION DEPARTMENT:
      * selected department

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

@@ -470,7 +470,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
@@ -488,9 +488,9 @@ export class ConversationComponent implements OnInit, AfterViewInit, OnChanges {
       return this.isConversationArchived
     }
 
-      this.isConversationArchived = false;
-      return null;
-    }
+    this.isConversationArchived = true;
+    return null;
+  }
 
   /**
     * this.g.recipientId:
@@ -840,20 +840,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.scss

@@ -419,28 +419,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

@@ -87,7 +87,6 @@ export class ConversationFooterComponent implements OnInit, OnChanges {
 
   file_size_limit = FILE_SIZE_LIMIT;
   attachmentTooltip: string = '';
-  isErrorNetwork: boolean = false;
 
 
   convertColorToRGBA = convertColorToRGBA;

package/src/app/component/home-conversations/home-conversations.component.html

@@ -38,14 +38,9 @@
     <!--CASE: no conversations EXIST - >1 agents is available -->
     <div *ngIf="(!listConversations || listConversations.length == 0) && availableAgents && availableAgents.length > 1 && g.showAvailableAgents === true" style="display: flex; margin: 20px 30px;"> 
       <div *ngFor="let agent of availableAgents" class="c21-pallozzo">
-          <div class="c21-ball" [ngStyle] = "{ 'background-color': isImageLoaded(agent) ? 'transparent' : setColorFromString(agent.firstname) }" >
-            <span *ngIf="!isImageLoaded(agent)" class="c21-ball-label">{{avatarPlaceholder(agent.firstname)}}</span>
-            <img *ngIf="agent.imageurl" 
-                 [src]="agent.imageurl" 
-                 style="display: none;"
-                 (load)="onImageLoad(agent)"
-                 (error)="onImageError(agent)">
-            <div *ngIf="isImageLoaded(agent)" #avatarImage class="c21-avatar-image" [style.background-image]="'url(' + agent.imageurl + ')'"></div>
+          <div class="c21-ball" [ngStyle] = "{ 'background-color':setColorFromString(agent.firstname) }" >
+            <span class="c21-ball-label">{{avatarPlaceholder(agent.firstname)}}</span>
+            <div *ngIf="agent.imageurl" #avatarImage class="c21-avatar-image" [style.background-image]="'url(' + agent.imageurl + ')'"></div>
           </div>
       </div>
     </div>
@@ -53,14 +48,9 @@
     <!--CASE: no conversations EXIST - 1 agents is available -->
     <div class="flex-container" *ngIf="(!listConversations || listConversations.length == 0) && availableAgents && availableAgents.length === 1 && g.showAvailableAgents === true">
       <div *ngFor="let agent of availableAgents" class="c21-pallozzo flex-inline-agent ">
-        <div class="c21-ball" [ngStyle] = "{ 'background-color': isImageLoaded(agent) ? 'transparent' : setColorFromString(agent.firstname) }" >
-          <span *ngIf="!isImageLoaded(agent)" class="c21-ball-label">{{avatarPlaceholder(agent.firstname)}}</span>
-          <img *ngIf="agent.imageurl" 
-               [src]="agent.imageurl" 
-               style="display: none;"
-               (load)="onImageLoad(agent)"
-               (error)="onImageError(agent)">
-          <div *ngIf="isImageLoaded(agent)" #avatarImage class="c21-avatar-image" [style.background-image]="'url(' + agent.imageurl + ')'"></div>
+        <div class="c21-ball" [ngStyle] = "{ 'background-color':setColorFromString(agent.firstname) }" >
+          <span class="c21-ball-label">{{avatarPlaceholder(agent.firstname)}}</span>
+          <div *ngIf="agent.imageurl" #avatarImage class="c21-avatar-image" [style.background-image]="'url(' + agent.imageurl + ')'"></div>
         </div>
       </div>
       <button tabindex="1040" aflistconv #aflistconv class="c21-button-primary" (click)="openNewConversation()" [ngStyle]="{'background-color': g.themeColor, 'border-color': g.themeColor, 'color': g.themeForegroundColor }">

package/src/app/component/home-conversations/home-conversations.component.ts

@@ -65,7 +65,6 @@ export class HomeConversationsComponent implements OnInit, OnDestroy {
   themeForegroundColor = '';
   LABEL_START_NW_CONV: string;
   availableAgents: Array<UserAgent> = [];
-  imageLoadedMap: Map<string, boolean> = new Map<string, boolean>();
   // ========= end:: variabili del componente ======== //
 
   waitingTime: number;
@@ -204,34 +203,6 @@ export class HomeConversationsComponent implements OnInit, OnDestroy {
     this.onConversationLoaded.emit(conversation)
   }
 
-  /**
-   * Verifica se l'immagine dell'agente esiste e si carica correttamente
-   */
-  isImageLoaded(agent: UserAgent): boolean {
-    if (!agent?.imageurl) {
-      return false;
-    }
-    return this.imageLoadedMap.get(agent.id) === true;
-  }
-
-  /**
-   * Gestisce il caricamento riuscito dell'immagine
-   */
-  onImageLoad(agent: UserAgent) {
-    if (agent?.id && agent?.imageurl) {
-      this.imageLoadedMap.set(agent.id, true);
-    }
-  }
-
-  /**
-   * Gestisce l'errore di caricamento dell'immagine
-   */
-  onImageError(agent: UserAgent) {
-    if (agent?.id) {
-      this.imageLoadedMap.set(agent.id, false);
-    }
-  }
-
   private openConversationByID(conversation) {
     this.logger.debug('[HOMECONVERSATIONS] openConversationByID: ', conversation);
     if ( conversation ) {

package/src/app/component/launcher-button/launcher-button.component.html

@@ -1,7 +1,7 @@
 <!-- tabindex="000"-->
 
 <button aflauncherbutton #aflauncherbutton id="c21-launcher-button" class="c21-button-clean scale-in-center" 
-    *ngIf="g.isOpen == false" 
+    *ngIf="g.isLogged == true && g.isOpen == false" 
     [ngClass]="{'c21-align-left' : g.align === 'left', 'c21-align-right' : g.align !== 'left'}"
     [ngStyle]="{ 'background-color': g.baloonImage? null: g.themeColor, 'bottom': g.marginY+'px!important', 'left':(g.align==='left')?g.marginX+'px!important':'', 'right':(g.align==='right')?g.marginX+'px!important':'', 'width': g.launcherWidth, 'height': g.launcherHeight, 'border-radius': g.baloonShape}"
     (click)="openCloseWidget()"

package/src/app/component/launcher-button/launcher-button.component.ts

@@ -67,9 +67,8 @@ export class LauncherButtonComponent implements OnInit, AfterViewInit {
       // this.g.isOpen = !this.g.isOpen;
       // this.g.setIsOpen(!this.g.isOpen);
       // this.appStorageService.setItem('isOpen', this.g.isOpen);
-     
-    } 
-    this.onButtonClicked.emit( this.g.isOpen );
+      this.onButtonClicked.emit( this.g.isOpen );
+    }
   }
 
 }

package/src/app/component/list-conversations/list-conversations.component.html

@@ -3,14 +3,9 @@
     <button tabindex="1103" class="c21-item-conversation" (click)="openConversationByID(conversation)">
       <div class="c21-body-conv">
         <div class="c21-left-conv">
-          <div class="c21-ball" [ngStyle]="{'background': isImageLoaded(conversation) ? 'transparent' : 'linear-gradient(rgb(255,255,255) -125%, ' + conversation.color + ')'}">
-            <span *ngIf="!isImageLoaded(conversation)" class="c21-ball-label">{{conversation?.avatar}}</span>
-            <img *ngIf="conversation?.image" 
-                 [src]="conversation.image" 
-                 style="display: none;"
-                 (load)="onImageLoad(conversation)"
-                 (error)="onImageError(conversation)">
-            <div *ngIf="isImageLoaded(conversation)" #avatarImage class="c21-avatar-image" [style.background-image]="'url(' + conversation.image + ')'"></div>
+          <div class="c21-ball" [ngStyle]="{'background': 'linear-gradient(rgb(255,255,255) -125%, ' + conversation.color + ')'}">
+            <span class="c21-ball-label">{{conversation?.avatar}}</span>
+            <div *ngIf="conversation?.image" #avatarImage class="c21-avatar-image" [style.background-image]="'url(' + conversation.image + ')'"></div>
           </div>
         </div>
         <div class="c21-right-conv">

package/src/app/component/list-conversations/list-conversations.component.ts

@@ -35,7 +35,6 @@ export class ListConversationsComponent implements OnInit {
   arrayDiffer: any;
 
   uidConvSelected: string;
-  imageLoadedMap: Map<string, boolean> = new Map<string, boolean>();
   constructor(private iterableDiffers: IterableDiffers) {
       this.iterableDifferListConv = this.iterableDiffers.find([]).create(null);
       
@@ -68,33 +67,5 @@ export class ListConversationsComponent implements OnInit {
 
   }
 
-  /**
-   * Verifica se l'immagine esiste e si carica correttamente
-   */
-  isImageLoaded(conversation: ConversationModel): boolean {
-    if (!conversation?.image) {
-      return false;
-    }
-    return this.imageLoadedMap.get(conversation.uid) === true;
-  }
-
-  /**
-   * Gestisce il caricamento riuscito dell'immagine
-   */
-  onImageLoad(conversation: ConversationModel) {
-    if (conversation?.uid && conversation?.image) {
-      this.imageLoadedMap.set(conversation.uid, true);
-    }
-  }
-
-  /**
-   * Gestisce l'errore di caricamento dell'immagine
-   */
-  onImageError(conversation: ConversationModel) {
-    if (conversation?.uid) {
-      this.imageLoadedMap.set(conversation.uid, false);
-    }
-  }
-
 
 }

package/src/app/pipe/marked.pipe.ts

@@ -18,7 +18,23 @@ export class MarkedPipe implements PipeTransform {
       typeof value === 'string'
         ? value
         : (value === null || value === undefined) ? '' : String(value);
-    const safeInput = htmlEntities(input);
+    
+    // Converti i \n letterali in newline reali prima di htmlEntities
+    // così il markdown con breaks: true li renderizzerà correttamente
+    const inputWithNewlines = input.replace(/\\n/g, '\n');
+    
+    // Proteggi i > usati per i blockquote markdown (all'inizio di riga)
+    // sostituendoli temporaneamente con un placeholder
+    const BLOCKQUOTE_PLACEHOLDER = '___MARKDOWN_BLOCKQUOTE___';
+    const protectedInput = inputWithNewlines.replace(/^(\s*)>/gm, (match, spaces) => {
+      return spaces + BLOCKQUOTE_PLACEHOLDER;
+    });
+    
+    // Applica htmlEntities (che codificherà tutti gli altri >)
+    let safeInput = htmlEntities(protectedInput);
+    
+    // Ripristina i > dei blockquote
+    safeInput = safeInput.replace(new RegExp(BLOCKQUOTE_PLACEHOLDER, 'g'), '>');
 
     const renderer = new marked.Renderer();
     renderer.link = function({ href, title, tokens }) {

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

@@ -302,7 +302,6 @@ export class TranslatorService {
       'CLOSED',
       'LABEL_PREVIEW',
       'MAX_ATTACHMENT',
-      'MAX_ATTACHMENT_ERROR',
       'EMOJI'
     ];
 
@@ -359,7 +358,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/globals.ts

@@ -247,7 +247,7 @@ export class Globals {
 
     // ============ BEGIN: SET EXTERNAL PARAMETERS ==============//
     this.baseLocation = 'https://widget.tiledesk.com/v2';
-    this.autoStart = false;
+    this.autoStart = true;
     /** start Authentication and startUI */
     this.startHidden = false;
     /** show/hide all widget -> js call: showAllWidget */

package/src/assets/i18n/en.json

@@ -96,6 +96,5 @@
     "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",
     "EMOJI": "Emoji"
 }

package/src/assets/i18n/es.json

@@ -96,6 +96,5 @@
     "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

@@ -96,6 +96,5 @@
     "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

@@ -94,6 +94,5 @@
     "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/abstract/upload.service.ts

@@ -27,7 +27,7 @@ export abstract class UploadService {
   abstract BSStateUpload: BehaviorSubject<any>;
 
   // functions
-  abstract initialize(projectId: string): void;
+  abstract initialize(): void;
   abstract upload(userId: string, upload: UploadModel): Promise<{downloadURL: string, src: string}>;
   abstract uploadProfile(userId: string, upload: UploadModel): Promise<any>;
   abstract delete(userId: string, path: string): Promise<any>;

package/src/chat21-core/providers/firebase/firebase-upload.service.ts

@@ -31,7 +31,7 @@ export class FirebaseUploadService extends UploadService {
     super();
   }
 
-  public async initialize(projectId: string) {
+  public async initialize() {
     this.logger.debug('[FIREBASEUploadSERVICE] initialize');
 
     const { default: firebase} = await import("firebase/app");

package/src/chat21-core/providers/native/native-image-repo.ts

@@ -16,7 +16,7 @@ export class NativeImageRepoService extends ImageRepoService {
      * @param uid
      */
     getImagePhotoUrl(uid: string): string {
-        this.baseImageURL = this.getImageBaseUrl() + 'files'
+        this.baseImageURL = this.getImageBaseUrl() + 'images'
         let sender_id = '';
         if (uid.includes('bot_')) {
             sender_id = uid.slice(4)

package/src/chat21-core/providers/native/native-upload-service.ts

@@ -1,7 +1,7 @@
 import { UploadService } from '../abstract/upload.service';
 import { HttpClient, HttpHeaders } from '@angular/common/http';
 import { Injectable } from '@angular/core';
-import { BehaviorSubject, first } from 'rxjs';
+import { BehaviorSubject } from 'rxjs';
 import { UploadModel } from '../../models/upload';
 import { AppStorageService } from '../abstract/app-storage.service';
 import { LoggerService } from '../abstract/logger.service';
@@ -14,6 +14,7 @@ export class NativeUploadService extends UploadService {
     BSStateUpload: BehaviorSubject<any> = new BehaviorSubject<any>(null)
 
     private tiledeskToken: string;
+    private URL_TILEDESK_IMAGES: string;
     private URL_TILEDESK_FILE: string;
     private logger: LoggerService = LoggerInstance.getInstance()
 
@@ -24,15 +25,16 @@ export class NativeUploadService extends UploadService {
         super();
     }
 
-    initialize(projectId: string): void {
-        this.logger.info('[NATIVE UPLOAD] initialize', this.getBaseUrl())
-        this.URL_TILEDESK_FILE = this.getBaseUrl() + projectId + '/files'
+    initialize(): void {
+        this.logger.debug('[NATIVE UPLOAD] initialize')
+        this.URL_TILEDESK_FILE = this.getBaseUrl() + 'files'
+        this.URL_TILEDESK_IMAGES = this.getBaseUrl() + 'images'
         this.tiledeskToken = this.appStorage.getItem('tiledeskToken')
     }
 
 
     upload(userId: string, upload: UploadModel): Promise<{downloadURL: string, src: string}>  {
-        this.logger.log('[NATIVE UPLOAD] - upload new image/file ... upload', upload)
+        this.logger.debug('[NATIVE UPLOAD] - upload new image/file ... upload', upload)
         const headers = new HttpHeaders({
             Authorization: this.tiledeskToken,
             //'Content-Type': 'multipart/form-data',
@@ -42,49 +44,35 @@ export class NativeUploadService extends UploadService {
         formData.append('file', upload.file);
 
         const that = this;
-        const url = this.URL_TILEDESK_FILE + '/chat'
-        return new Promise((resolve, reject) => {
-            that.http.post(url, formData, requestOptions).pipe(first()).subscribe({
-                next: (data) => {
-                    const downloadURL = this.getBaseUrl() + 'files' + '?path=' + data['filename'];
+        if ((upload.file.type.startsWith('image') && (!upload.file.type.includes('svg')))) {
+            this.logger.debug('[NATIVE UPLOAD] - upload new image')
+            //USE IMAGE API
+            const url = this.URL_TILEDESK_IMAGES + '/users'
+            return new Promise((resolve, reject) => {
+                that.http.post(url, formData, requestOptions).subscribe(data => {
+                    const downloadURL = this.URL_TILEDESK_IMAGES + '?path=' + data['filename'];
                     resolve({downloadURL : downloadURL, src: downloadURL})
-                },
-                error: (error) => {
+                    // that.BSStateUpload.next({upload: upload});
+                }, (error) => {
                     reject(error)
-                }
+                });
             });
-        });
-
-        //old_implemenation
-        // if ((upload.file.type.startsWith('image') && (!upload.file.type.includes('svg')))) {
-        //     this.logger.log('[NATIVE UPLOAD] - upload new image', this.URL_TILEDESK_IMAGES)
-        //     //USE IMAGE API
-        //     const url = this.URL_TILEDESK_IMAGES + '/users'
-        //     return new Promise((resolve, reject) => {
-        //         that.http.post(url, formData, requestOptions).subscribe(data => {
-        //             const downloadURL = this.URL_TILEDESK_IMAGES + '?path=' + data['filename'];
-        //             resolve({downloadURL : downloadURL, src: downloadURL})
-        //             // that.BSStateUpload.next({upload: upload});
-        //         }, (error) => {
-        //             reject(error)
-        //         });
-        //     });
-        // } else {
-        //     this.logger.log('[NATIVE UPLOAD] - upload new file', this.URL_TILEDESK_FILE)
-        //     //USE FILE API
-        //     const url = this.URL_TILEDESK_FILE + '/users'
-        //     return new Promise((resolve, reject) => {
-        //         that.http.post(url, formData, requestOptions).subscribe(data => {
-        //             const src = this.URL_TILEDESK_FILE + '?path=' + encodeURI(data['filename']);
-        //             const downloadURL = this.URL_TILEDESK_FILE + '/download' + '?path=' + encodeURI(data['filename']);
-        //             resolve({downloadURL : downloadURL, src: src})
-        //             // that.BSStateUpload.next({upload: upload});
-        //         }, (error) => {
-        //             this.logger.error('[NATIVE UPLOAD] - ERROR upload new file ', error)
-        //             reject(error)
-        //         });
-        //     });
-        // }
+        } else {
+            this.logger.debug('[NATIVE UPLOAD] - upload new file')
+            //USE FILE API
+            const url = this.URL_TILEDESK_FILE + '/users'
+            return new Promise((resolve, reject) => {
+                that.http.post(url, formData, requestOptions).subscribe(data => {
+                    const src = this.URL_TILEDESK_FILE + '?path=' + encodeURI(data['filename']);
+                    const downloadURL = this.URL_TILEDESK_FILE + '/download' + '?path=' + encodeURI(data['filename']);
+                    resolve({downloadURL : downloadURL, src: src})
+                    // that.BSStateUpload.next({upload: upload});
+                }, (error) => {
+                    this.logger.error('[NATIVE UPLOAD] - ERROR upload new file ', error)
+                    reject(error)
+                });
+            });
+        }
         
     }
 
@@ -100,18 +88,14 @@ export class NativeUploadService extends UploadService {
 
         // USE IMAGE API
         const that = this;
-        const botId = userId?.startsWith('bot_') ? userId.substring('bot_'.length) : userId
-        const url = this.URL_TILEDESK_FILE + `/users/photo?bot_id=${botId}`
+        const url = this.URL_TILEDESK_IMAGES + `/users/photo?force=true&user_id=${userId}`
         return new Promise((resolve, reject) => {
-            that.http.put(url, formData, requestOptions).pipe(first()).subscribe({
-                next: (data) => {
-                    const downloadURL = this.getBaseUrl() + 'files?path=' + data['thumbnail'];
-                    resolve(downloadURL)
-                    // that.BSStateUpload.next({upload: upload});
-                },
-                error: (error) => {
-                    reject(error)
-                }
+            that.http.put(url, formData, requestOptions).subscribe(data => {
+                const downloadURL = this.URL_TILEDESK_IMAGES + '?path=' + data['thumbnail'];
+                resolve(downloadURL)
+                // that.BSStateUpload.next({upload: upload});
+            }, (error) => {
+                reject(error)
             });
         });
     }
@@ -126,17 +110,14 @@ export class NativeUploadService extends UploadService {
 
         //USE IMAGE API
         const that = this;
-        const url = this.URL_TILEDESK_FILE + '?path=' + path.split('path=')[1]
+        const url = this.URL_TILEDESK_IMAGES + '/users' + '?path=' + path.split('path=')[1]
         return new Promise((resolve, reject) => {
-            that.http.delete(url, requestOptions).pipe(first()).subscribe({
-                next: (data) => {
-                    // const downloadURL = this.URL_TILEDESK_IMAGES + '?path=' + data['filename'];
-                    resolve(true)
-                    // that.BSStateUpload.next({upload: upload});
-                },
-                error: (error) => {
-                    reject(error)
-                }
+            that.http.delete(url, requestOptions).subscribe(data => {
+                // const downloadURL = this.URL_TILEDESK_IMAGES + '?path=' + data['filename'];
+                resolve(true)
+                // that.BSStateUpload.next({upload: upload});
+            }, (error) => {
+                reject(error)
             });
         });
     }
@@ -151,17 +132,14 @@ export class NativeUploadService extends UploadService {
 
         //USE IMAGE API
         const that = this;
-        const url = this.URL_TILEDESK_FILE + '?path=' + "uploads/users/"+ userId + "/images/photo.jpg"
+        const url = this.URL_TILEDESK_IMAGES + '/users' + '?path=' + "uploads/users/"+ userId + "/images/photo.jpg"
         return new Promise((resolve, reject) => {
-            that.http.delete(url, requestOptions).pipe(first()).subscribe({
-                next: (data) => {
-                    // const downloadURL = this.URL_TILEDESK_IMAGES + '?path=' + data['filename'];
-                    resolve(true)
-                    // that.BSStateUpload.next({upload: upload});
-                },
-                error: (error) => {
-                    reject(error)
-                }
+            that.http.delete(url, requestOptions).subscribe(data => {
+                // const downloadURL = this.URL_TILEDESK_IMAGES + '?path=' + data['filename'];
+                resolve(true)
+                // that.BSStateUpload.next({upload: upload});
+            }, (error) => {
+                reject(error)
             });
         });
     }

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

@@ -773,11 +773,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;
@@ -792,3 +787,5 @@ function extractUrls(text: string): string[] {
 }
 
 
+
+

package/src/iframe-style.css

@@ -13,7 +13,7 @@
     bottom: 0px;
     width: auto;   
     height: auto;
-    display: block;
+    display: none;
     z-index: 3000000000; /*999999*/; 
 }
 
@@ -84,12 +84,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;
 }
@@ -175,14 +175,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);
 }