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

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,63 +6,50 @@
 ### **Copyrigth**: 
 *Tiledesk SRL*
 
-# 5.1.30-rc1
+# 5.1.30
 - **bug fixed**: startHidden is not working properly
 
-# 5.1.27-rc3
+# 5.1.28
+- **bug fixed**: header option menu is deactivated on mobile
+
+# 5.1.28
 - **bug fixed**: fixed Bot/Human conversation detection by correctly classifying bot replies
 
-# 5.1.27-rc2
+# 5.1.27
 - **bug fixed**: centralized fullscreen management on mobile and handled the case of the closed widget that remained fullscreen
-
-# 5.1.27-rc1
-- **added**: closeChatInConversation parameters
-- **added**: close chat button under textarea footer component
-
-# 5.1.26-rc6
+- **changed**: start with authentication if hasCalloutInWidgetConfig is true
+- **changed**: Force authentication if ageChangeVisibilityDesktop or PageChangeVisibilityMobile is OPEN
+- **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
 - **changed**: mobile always opens fullscreen and ignores legacy stored size”.
 - **changed**: changed user-typing 
-
-# 5.1.26-rc5
 - **changed**: Hide the resize-widget button when on mobile
 - **added**: added "I'm thinking" when the bot responds
 
-# 5.1.26-rc4
-- **changed**: decoupled callout from signin
-
-# 5.1.26-rc3
-- **changed**: start with authentication if a proactive message has been set, so if a rule has been set on at one chatbot in the project
-
-# 5.1.26-rc2
-- **changed**: start with authentication if hasCalloutInWidgetConfig is true
+# 5.1.26
+- **bug fixed**: attachment buttons text alignment
 
-# 5.1.26-rc1
-- **bug fixed**: improved audio recording/upload flow by ignoring empty recorder chunks, preserving the recorder MIME type when creating the audio blob/file, and uploading audio directly without Base64 conversion
-
-
-# 5.1.25-rc1
+# 5.1.25
 - **bug fixed**: attachment buttons in messages now respect the container max width and wrap/break long labels instead of being clipped
 
-# 5.1.24-rc2
-- **bug fixed**: minor fix in marked pipe to avoid rendering html tags
-
-# 5.1.24-rc1
+# 5.1.24
 - **security**: hardened Markdown link rendering by blocking dangerous protocols (e.g. `javascript:`, `data:`, `vbscript:`) and preventing unsafe links from being rendered as anchors
 - **changed**: refactored `MarkedPipe` to simplify Markdown parsing, improve link rendering via a custom `marked` renderer, and streamline newline handling (`\\n` → `\n`)
 
-# 5.1.20-rc3 
+# 5.1.23
+- **changed**: API for upload a file/iamges
+
+# 5.1.22
+- **changed**: Updated Launch.js for Wix and Shopify by bypassing scrdoc
+
+# 5.1.21 
 - **bug fixed**: saved the widget's size state to local storage (in HP conversations)
 
-# 5.1.20-rc2
-- **changed**: API for upload a file/iamges
+# 5.1.20
 - **changed**: marked pipe do not render /n 
 
-# 5.1.20-rc1
-- **changed**: API for upload a file/iamges
-
 # 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.
@@ -72,7 +59,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
@@ -83,12 +69,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
 
@@ -97,57 +77,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**: Force authentication if ageChangeVisibilityDesktop or PageChangeVisibilityMobile is OPEN
-- **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

@@ -0,0 +1,41 @@
+# npm version patch
+version=`node -e 'console.log(require("./package.json").version)'`
+echo "version $version"
+
+npm i
+
+cp src/environments/real_data/environment.prod.ts src/environments/environment.prod.ts
+
+# --build-optimizer=false if localstorage is disabled (webview) appears https://github.com/firebase/angularfire/issues/970
+ng build --configuration="prod" --aot=true
+##--base-href='./v5/' --output-hashing none
+
+### SET HASHING : START ###
+cp ./src/launch_template.js ./dist/browser/launch.js
+node ./src/build_launch.js
+### SET HASHING : END ###
+
+#### FIREBASE #####
+# cd dist
+# # aws s3 sync . s3://tiledesk-widget/v5/latest/
+# aws s3 sync . s3://tiledesk-widget/v5/$version/ --cache-control max-age=300
+# aws s3 sync . s3://tiledesk-widget/v5/ --cache-control max-age=300
+# cd ..
+
+# #### MQTT #####
+cd dist/browser
+# aws s3 sync . s3://tiledesk-widget/v5/latest/
+aws s3 sync . s3://tiledesk-widget/v6/$version/ --cache-control max-age=86400 --exclude='launch.js' #8days
+aws s3 sync . s3://tiledesk-widget/v6/$version/ --cache-control "no-store,no-cache,private" --exclude='*' --include='launch.js'
+aws s3 sync . s3://tiledesk-widget/v6/ --cache-control max-age=86400 --exclude='launch.js' #8days
+aws s3 sync . s3://tiledesk-widget/v6/ --cache-control "no-store,no-cache,private" --exclude='*' --include='launch.js'
+cd ../..
+
+aws  cloudfront create-invalidation --distribution-id E3EJDWEHY08CZZ --paths "/*"
+
+git restore src/environments/environment.prod.ts
+
+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/docs/changelog/this-branch.md

@@ -1,36 +1,47 @@
-# This branch: identificazione bot o umano
+# Questo branch: UX bot/umano + disaccoppiamento callout
 
-## Obiettivo
+## Contesto
 
-In questo branch e' stata introdotta una logica esplicita per capire, all'apertura della conversazione, se l'ultimo responder lato server e' un **bot** oppure un **umano**.
+Questo branch migliora il feedback in conversazione e rende il comportamento del callout indipendente dal sign-in del widget.
 
-## Come viene fatta l'identificazione
+## Modifiche incluse
 
-- La valutazione parte dai messaggi gia' caricati in conversazione.
-- Viene cercato l'**ultimo messaggio ricevuto dal server** (non inviato dal client corrente).
-- Quel messaggio viene classificato con una funzione dedicata (`classifyMessageSenderKind`) che usa piu' segnali:
-  - `attributes.flowAttributes.chatbot_id` (quando presente indica bot)
-  - pattern del mittente (es. `senderId` con prefisso bot, quando applicabile)
-  - informazioni del mittente (`sender_fullname` e metadati associati)
+- Aggiunto un **badge Bot/Umano** nella vista conversazione.
+  - All'apertura della conversazione analizza **l'ultimo messaggio ricevuto dal server** (escludendo quelli inviati dal client).
+  - Classifica il mittente come `Bot` o `Umano`.
+  - Regola speciale: se l'ultimo evento di sistema rilevante e' `MEMBER_JOINED_GROUP` (handoff verso operatore), la conversazione viene classificata come **Umano**.
 
-## Regola speciale per messaggi di sistema
+- Aggiunto il feedback temporaneo **"sto pensando..."** dopo l'invio del messaggio da parte del client.
+  - Mostrato solo quando la conversazione e' classificata come **Bot**.
+  - Nascosto alla prima risposta server, con durata minima visibile di 5 secondi.
 
-Se l'ultimo messaggio utile e' di tipo `system`, viene fatto un controllo aggiuntivo:
+- Rimossa l'implementazione temporanea del toast "ciao" nel footer e relativo wiring.
 
-- se in `attributes` e' presente un evento con `messagelabel.key = MEMBER_JOINED_GROUP`
-- e rappresenta il passaggio della conversazione a un operatore
+- Abilitato il percorso di avvio widget per i casi guidati da bot quando sono presenti `botsRules`.
 
-allora la conversazione viene forzata a **Umano** anche se altri indizi potrebbero suggerire bot.
+## Disaccoppiamento callout (step completati)
 
-## Risultato in UI
+- **Step 1**: rimossa la dipendenza da `g.senderId` nel rendering del componente callout in `app.component.html`.
+  - Prima: render solo con `g.senderId && !g.isOpenNewMessage`
+  - Dopo: render con `!g.isOpenNewMessage`
 
-- In apertura conversazione viene mostrato un badge con stato:
-  - `Bot`
-  - `Umano`
-- Questo stato viene ricalcolato al variare dei messaggi ricevuti.
+- **Step 2**: scheduling del callout al caricamento delle impostazioni widget in `AppComponent`.
+  - Aggiunto `scheduleCalloutFromSettings()` basato su `g.calloutTimer`.
+  - Invocato subito dopo la disponibilita' delle settings (non legato al login).
+  - Aggiunta la pulizia del timeout in `ngOnDestroy()`.
 
-## Effetto sui feedback utente
+- **Step 3**: introdotte precedenze UI e rimossa la duplicazione dello scheduling callout.
+  - Aggiunta guardia `canShowCalloutNow()` in `AppComponent`:
+    - widget chiuso
+    - nessuna preview nuovo messaggio attiva
+    - stato callout abilitato
+    - callout presente nella configurazione widget
+  - Aggiornato `showCallout()` per aprire il callout solo quando le guardie passano e il componente esiste.
+  - Rimosso il timer interno (`openIfCallOutTimer`) da `EyeeyeCatcherCardComponent` per evitare doppi trigger.
 
-- Il messaggio temporaneo `"sto pensando..."` viene mostrato solo quando la conversazione risulta di tipo **Bot**.
-- Alla ricezione della prima risposta dal server, `"sto pensando..."` viene nascosto **immediatamente**.
-- Non e' previsto alcun tempo minimo di visualizzazione del messaggio.
+## Comportamento atteso dopo questo branch
+
+- Il callout puo' essere innescato da configurazione anche senza sign-in.
+- Il callout non compare quando il widget e' aperto o quando la preview nuovo messaggio e' attiva.
+- La UI della conversazione indica chiaramente se l'ultimo responder e' bot o umano.
+- "Sto pensando..." compare solo nelle conversazioni bot e ha un comportamento prevedibile.

package/package.json

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

package/src/app/app.component.ts

@@ -106,17 +106,18 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
   
   forceDisconnect: boolean = false;
 
-  //network status
-  isOnline: boolean = true;
-  loading: boolean = false;
-  private calloutScheduleTimeout: any = null;
-  
   // alert error message 
   isShowErrorMessage: boolean = false;
   errorMessage: string = '';
   errorKeyMessage: string = null;
   errorParams: Record<string, any> = {};
 
+  //network status
+  isOnline: boolean = true;
+
+  loading: boolean = false;
+  private calloutScheduleTimeout: any = null;
+  
   private logger: LoggerService = LoggerInstance.getInstance();
   constructor(
     private el: ElementRef,
@@ -169,13 +170,13 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
                     if (conversation.attributes && conversation.attributes['subtype'] === 'info') {
                         return;
                     }
-                    if (conversation.is_new && that.isInitialized) {
+                    if (conversation.is_new && this.isInitialized) {
                         that.manageTabNotification(false, 'conv-added')
                         // this.soundMessage(); 
                     }
-                    if(this.g.isOpen === false && conversation.sender !== this.g.senderId && !isInfo(conversation)){
-                        that.g.isOpenNewMessage = true;
+                    if(this.g.isOpen === false){
                         that.lastConversation = conversation;
+                        that.g.isOpenNewMessage = true;
                     }
                 } else {
                     //widget closed
@@ -223,7 +224,6 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
                             that.lastConversation = conversation;
                             that.g.isOpenNewMessage = true;
                             that.logger.debug('[APP-COMP] lastconversationnn', that.lastConversation)
-                            that.logger.debug('[APP-COMP] lastconversationnn message' + JSON.stringify(that.lastConversation?.attributes?.commands))
                         }
                         let badgeNewConverstionNumber = that.conversationsHandlerService.countIsNew()
                         that.g.setParameter('conversationsBadge', badgeNewConverstionNumber);
@@ -526,7 +526,6 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
                     this.g.onPageChangeVisibilityMobile === 'open' ||
                     (Array.isArray(this.g.botsRules) && this.g.botsRules.length > 0)
                     // || this.g.hasCalloutInWidgetConfig;
-                console.log('[APP-COMP] shouldAutoAuthenticate', shouldAutoAuthenticate, startHidden)
                 if (shouldAutoAuthenticate) {
                     that.authenticate();
                     if(startHidden){ that.hideWidget(); }
@@ -2320,7 +2319,6 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
         this.el.nativeElement.style.setProperty('--chat-header-height', this.g.hideHeaderConversation? '0px': null)
         this.el.nativeElement.style.setProperty('--font-size-bubble-message', this.g.fontSize)
         this.el.nativeElement.style.setProperty('--font-family-bubble-message', this.g.fontFamily)
-        this.el.nativeElement.style.setProperty('--chat-footer-close-button-height', this.g.closeChatInConversation? '30px': '0px')
 
     }
 

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

@@ -137,7 +137,6 @@
             [isMobile]="g?.isMobile"
             [isEmojiiPickerShow]="isEmojiiPickerShow"
             [footerMessagePlaceholder]="footerMessagePlaceholder"
-            [closeChatInConversation]="g?.closeChatInConversation"
             [fileUploadAccept]="g?.fileUploadAccept"
             [dropEvent]="dropEvent"
             [poweredBy]="g?.poweredBy"
@@ -148,8 +147,7 @@
             (onAfterSendMessage)="onAfterSendMessageFN($event)"
             (onChangeTextArea)="onChangeTextArea($event)"
             (onAttachmentFileButtonClicked)="onAttachmentFileButtonClicked($event)"
-            (onNewConversationButtonClicked)="onNewConversationButtonClickedFN($event)"
-            (onCloseChatButtonClicked)="onCloseChatButtonClickedFN($event)">
+            (onNewConversationButtonClicked)="onNewConversationButtonClickedFN($event)">
         </chat-conversation-footer>
 
     </div>

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

@@ -137,7 +137,7 @@
 #dropZone_container{
     position: absolute;
     top: 52px;
-    bottom: calc(var(--chat-footer-logo-height) + var(--chat-footer-height) + var(--chat-footer-close-button-height));
+    bottom: calc(var(--chat-footer-logo-height) + var(--chat-footer-height));
     left: 0;
     right: 0;
     background-color: rgba(240,248,255,0.6);
@@ -240,7 +240,7 @@ dialog:-internal-dialog-in-top-layer{
 
 
     ::ng-deep .chat21-sheet-content{
-        bottom: calc(var(--chat-footer-logo-height) + var(--chat-footer-height) + var(--chat-footer-close-button-height) + 34px)!important;
+        bottom: calc(var(--chat-footer-logo-height) + var(--chat-footer-height) + 34px)!important;
     }
     
 }

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

@@ -246,8 +246,7 @@ export class ConversationComponent implements OnInit, AfterViewInit, OnChanges {
       'CONTINUE',
       'EMOJI_NOT_ELLOWED',
       'ATTACHMENT',
-      'EMOJI',
-      'CLOSE_CHAT'
+      'EMOJI'
     ];
 
     const keysContent = [
@@ -502,7 +501,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
@@ -520,9 +519,9 @@ export class ConversationComponent implements OnInit, AfterViewInit, OnChanges {
       return this.isConversationArchived
     }
 
-      this.isConversationArchived = false;
-      return null;
-    }
+    this.isConversationArchived = true;
+    return null;
+  }
 
   /**
     * this.g.recipientId:
@@ -878,20 +877,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) {
@@ -1398,12 +1383,6 @@ export class ConversationComponent implements OnInit, AfterViewInit, OnChanges {
     this.logger.debug('[CONV-COMP] floating onNewConversationButtonClicked')
     this.onNewConversationButtonClicked.emit()
   }
-
-  /** CALLED BY: conv-footer component */
-  onCloseChatButtonClickedFN(event){
-    this.logger.debug('[CONV-COMP] onCloseChatButtonClicked::::', event)
-    this.onCloseChat()
-  }
   // =========== END: event emitter function ====== //
 
 

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

@@ -44,7 +44,7 @@
                 top: 0;
                 right: 0;
                 left: 0;
-                bottom: calc(var(--chat-footer-logo-height) + var(--chat-footer-height) + var(--chat-footer-close-button-height));
+                bottom: calc(var(--chat-footer-logo-height) + var(--chat-footer-height));
                 overflow: hidden;
                 .time{
                     margin-bottom: 20px;

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

@@ -14,117 +14,94 @@
 
 </div>
 
-<div class="textarea-container-wrapper" *ngIf="!hideTextAreaContent && !hideTextReply">
-    <!-- TEXTAREA + ICONS: conv active-->
-    <div class="textarea-container">
-        
-        <div *ngIf="!isStopRec" class="icons-container">
-            <!-- ICON ATTACHMENT -->
-            <label *ngIf="showAttachmentFooterButton" tabindex="1502" aria-label="allegati" for="chat21-file" class="chat21-textarea-button" [class.active]="!isFilePendingToUpload && !hideTextReply" id="chat21-start-upload-doc">
-                <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>
-                    </svg>
-                    
-                </span>
-                <input
-                    [attr.disabled] = "(isFilePendingToUpload || isConversationArchived || hideTextReply)? true : null"
-                    tabindex="1503" 
-                    type="file" 
-                    aria-label="seleziona allegato"
-                    [accept]="fileUploadAccept"
-                    name="chat21-file"
-                    id="chat21-file"
-                    #chat21_file
-                    class="inputfile" 
-                    [ngStyle]="{'display': 'block', height:'1px', width:'1px', overflow: 'hidden' }"
-                    (change)="detectFiles($event)"/>
-            </label>
-            <!-- ICON EMOJII -->
-            <label *ngIf="showEmojiFooterButton" tabindex="1504" aria-label="emojii" for="chat21-emojii" class="chat21-textarea-button" [class.active]="!isFilePendingToUpload && !hideTextReply" id="chat21-emoticon-picker" (click)="onEmojiiPickerClicked()">
-                <span class="v-align-center">
-                    <svg role="img" aria-labelledby="altIconTitle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="currentColor">
-                        <path stroke-width=".4px" stroke="currentColor" d="M12,20.8c-5.1,0-9.3-4.2-9.3-9.3S6.9,2.2,12,2.2s9.3,4.2,9.3,9.3-4.2,9.3-9.3,9.3ZM12,3.6c-4.4,0-7.9,3.6-7.9,7.9s3.6,7.9,7.9,7.9,7.9-3.6,7.9-7.9-3.6-7.9-7.9-7.9Z"/>
-                        <path stroke-width=".4px" stroke="currentColor" d="M12,17.2c-2.7,0-4.3-1.9-4.6-2.3-.2-.3-.2-.7.1-1s.7-.2,1,.1c.1.2,1.4,1.8,3.5,1.8s2.2,0,3.5-1.8c.2-.3.7-.4,1-.1s.4.7.1,1c-1.7,2.2-4.1,2.3-4.6,2.3Z"/>
-                        <path d="M8.7,10.9c-.9,0-1.6-.7-1.6-1.6s.7-1.6,1.6-1.6,1.6.7,1.6,1.6-.7,1.6-1.6,1.6Z"/>
-                        <path d="M15.5,10.9c-.9,0-1.6-.7-1.6-1.6s.7-1.6,1.6-1.6,1.6.7,1.6,1.6-.7,1.6-1.6,1.6Z"/>
-                        <title id="altIconTitle">{{ translationMap?.get('EMOJI') }}</title>
-
-                        <!-- <path d="M0,0H20.57V20.57H0V0Z" fill="none"/>
-                        <circle cx="15.02" cy="9.86" r="1.29"/>
-                        <circle cx="9.02" cy="9.86" r="1.29"/>
-                        <path d="M12.02,15.43c-1.27,0-2.36-.69-2.96-1.71h-1.43c.69,1.76,2.39,3,4.39,3s3.7-1.24,4.39-3h-1.43c-.6,1.02-1.69,1.71-2.96,1.71Zm0-12C7.28,3.43,3.45,7.27,3.45,12s3.83,8.57,8.56,8.57,8.58-3.84,8.58-8.57S16.75,3.43,12.01,3.43Zm0,15.43c-3.79,0-6.86-3.07-6.86-6.86s3.07-6.86,6.86-6.86,6.86,3.07,6.86,6.86-3.07,6.86-6.86,6.86Z"/> -->
-                    </svg>
-                </span>
-            </label>
-        </div>
+<!-- TEXTAREA + ICONS: conv active-->
+<div class="textarea-container" *ngIf="!hideTextAreaContent && !hideTextReply">
+    
+    <div *ngIf="!isStopRec" class="icons-container">
+        <!-- ICON ATTACHMENT -->
+        <label *ngIf="showAttachmentFooterButton" tabindex="1502" aria-label="allegati" for="chat21-file" class="chat21-textarea-button" [class.active]="!isFilePendingToUpload && !hideTextReply" id="chat21-start-upload-doc">
+            <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>
+                </svg>
+                
+            </span>
+             <input
+                [attr.disabled] = "(isFilePendingToUpload || isConversationArchived || hideTextReply)? true : null"
+                tabindex="1503" 
+                type="file" 
+                aria-label="seleziona allegato"
+                [accept]="fileUploadAccept"
+                name="chat21-file"
+                id="chat21-file"
+                #chat21_file
+                class="inputfile" 
+                [ngStyle]="{'display': 'block', height:'1px', width:'1px', overflow: 'hidden' }"
+                (change)="detectFiles($event)"/>
+        </label>
+        <!-- ICON EMOJII -->
+        <label *ngIf="showEmojiFooterButton" tabindex="1504" aria-label="emojii" for="chat21-emojii" class="chat21-textarea-button" [class.active]="!isFilePendingToUpload && !hideTextReply" id="chat21-emoticon-picker" (click)="onEmojiiPickerClicked()">
+            <span class="v-align-center">
+                <svg role="img" aria-labelledby="altIconTitle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="currentColor">
+                    <path stroke-width=".4px" stroke="currentColor" d="M12,20.8c-5.1,0-9.3-4.2-9.3-9.3S6.9,2.2,12,2.2s9.3,4.2,9.3,9.3-4.2,9.3-9.3,9.3ZM12,3.6c-4.4,0-7.9,3.6-7.9,7.9s3.6,7.9,7.9,7.9,7.9-3.6,7.9-7.9-3.6-7.9-7.9-7.9Z"/>
+                    <path stroke-width=".4px" stroke="currentColor" d="M12,17.2c-2.7,0-4.3-1.9-4.6-2.3-.2-.3-.2-.7.1-1s.7-.2,1,.1c.1.2,1.4,1.8,3.5,1.8s2.2,0,3.5-1.8c.2-.3.7-.4,1-.1s.4.7.1,1c-1.7,2.2-4.1,2.3-4.6,2.3Z"/>
+                    <path d="M8.7,10.9c-.9,0-1.6-.7-1.6-1.6s.7-1.6,1.6-1.6,1.6.7,1.6,1.6-.7,1.6-1.6,1.6Z"/>
+                    <path d="M15.5,10.9c-.9,0-1.6-.7-1.6-1.6s.7-1.6,1.6-1.6,1.6.7,1.6,1.6-.7,1.6-1.6,1.6Z"/>
+                    <title id="altIconTitle">{{ translationMap?.get('EMOJI') }}</title>
 
+                    <!-- <path d="M0,0H20.57V20.57H0V0Z" fill="none"/>
+                    <circle cx="15.02" cy="9.86" r="1.29"/>
+                    <circle cx="9.02" cy="9.86" r="1.29"/>
+                    <path d="M12.02,15.43c-1.27,0-2.36-.69-2.96-1.71h-1.43c.69,1.76,2.39,3,4.39,3s3.7-1.24,4.39-3h-1.43c-.6,1.02-1.69,1.71-2.96,1.71Zm0-12C7.28,3.43,3.45,7.27,3.45,12s3.83,8.57,8.56,8.57,8.58-3.84,8.58-8.57S16.75,3.43,12.01,3.43Zm0,15.43c-3.79,0-6.86-3.07-6.86-6.86s3.07-6.86,6.86-6.86,6.86,3.07,6.86,6.86-3.07,6.86-6.86,6.86Z"/> -->
+                </svg>
+            </span>
+        </label>
+    </div>
 
 
 
-        <div *ngIf="!isStopRec" class="visible-text-area" [class.hasError]="showAlertEmoji" [class.disabled] = "( isConversationArchived || hideTextReply)? true : null">
-            <!-- isFilePendingToUpload || -->
-        <textarea 
-            [attr.disabled] = "(hideTextReply)? true : null"
-            [attr.placeholder] ="(footerMessagePlaceholder)? footerMessagePlaceholder : translationMap?.get('LABEL_PLACEHOLDER')"
-            start-focus-chat21-conversation-component
-            inputTextArea
-            #textbox
-            tabindex="1501"
-            aria-labelledby="altTextArea"
-            rows="1"
-            id="chat21-main-message-context"
-            class='f21textarea c21-button-clean'
-            [(ngModel)]="textInputTextArea"
-            (ngModelChange)="onTextAreaChange()"
-            (keypress)="onkeypress($event)"
-            (keydown)="onkeydown($event)"
-            (paste)="onPaste($event)">
-        </textarea>
-        
-        </div>
 
-        <!-- ICON SEND -->
-        <div *ngIf="(textInputTextArea !== '' && !isStopRec) || !showAudioRecorderFooterButton" tabindex="-1" class="chat21-textarea-button" [class.disabled]="showAlertEmoji" [class.active]="textInputTextArea && !hideTextReply" id="chat21-button-send" (click)="onSendPressed($event)">
-            <span class="v-align-center">
-                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  height="24" width="24" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve" fill="currentColor">
-                    <path d="M1.8,20.6V3.4l20.2,8.6L1.8,20.6ZM3.9,17.3l12.6-5.4L3.9,6.6v3.7l6.4,1.6-6.4,1.6v3.8ZM3.9,17.3V6.6v10.7Z"/>
-                </svg>
-            </span>
-        </div>
+    <div *ngIf="!isStopRec" class="visible-text-area" [class.hasError]="showAlertEmoji" [class.disabled] = "( isConversationArchived || hideTextReply)? true : null">
+        <!-- isFilePendingToUpload || -->
+      <textarea 
+        [attr.disabled] = "(hideTextReply)? true : null"
+        [attr.placeholder] ="(footerMessagePlaceholder)? footerMessagePlaceholder : translationMap?.get('LABEL_PLACEHOLDER')"
+        start-focus-chat21-conversation-component
+        inputTextArea
+        #textbox
+        tabindex="1501"
+        aria-labelledby="altTextArea"
+        rows="1"
+        id="chat21-main-message-context"
+        class='f21textarea c21-button-clean'
+        [(ngModel)]="textInputTextArea"
+        (ngModelChange)="onTextAreaChange()"
+        (keypress)="onkeypress($event)"
+        (keydown)="onkeydown($event)"
+        (paste)="onPaste($event)">
+      </textarea>
+    
+    </div>
 
-        <!-- ICON REC -->
-        <div *ngIf="showAudioRecorderFooterButton && !textInputTextArea" tabindex="-1" class="chat21-audio-button" [class.active]="isStopRec" id="chat21-button-rec">
-            <chat-audio-recorder
-                (startRecordingEvent)="onStartRecording()"
-                (deleteRecordingEvent)="onDeleteRecording()"
-                (endRecordingEvent)="onEndRecording($event)"
-                (sendRecordingEvent)="onSendRecording($event)"
-                [stylesMap]="stylesMap">
-            </chat-audio-recorder>
-        </div>
+    <!-- ICON SEND -->
+    <div *ngIf="(textInputTextArea !== '' && !isStopRec) || !showAudioRecorderFooterButton" tabindex="-1" class="chat21-textarea-button" [class.disabled]="showAlertEmoji" [class.active]="textInputTextArea && !hideTextReply" id="chat21-button-send" (click)="onSendPressed($event)">
+        <span class="v-align-center">
+            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  height="24" width="24" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve" fill="currentColor">
+                <path d="M1.8,20.6V3.4l20.2,8.6L1.8,20.6ZM3.9,17.3l12.6-5.4L3.9,6.6v3.7l6.4,1.6-6.4,1.6v3.8ZM3.9,17.3V6.6v10.7Z"/>
+            </svg>
+        </span>
     </div>
 
-    <div class="close-chat-container" *ngIf="closeChatInConversation">
-        <button tabindex="1040" aflistconv #aflistconv  class="c21-button-primary c21-close" (click)="onCloseChat($event)" [ngStyle]="{'background-color': stylesMap.get('themeColor'), 'border-color': stylesMap.get('themeColor'), 'color': stylesMap?.get('foregroundColor')}">
-            <span class="v-align-center">
-                <!-- <svg [ngStyle]="{'fill': 'yellow' }" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
-                    <path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"  [ngStyle]="{'fill': stylesMap?.get('foregroundColor')}"/>
-                </svg> -->
-                <svg [ngStyle]="{'stroke': stylesMap?.get('foregroundColor'), 'fill': stylesMap?.get('foregroundColor') }" role="img" id="archive" aria-labelledby="altIconTitle" class="icon-menu" xmlns="http://www.w3.org/2000/svg"  
-                    width="15px" height="15px" viewBox="0 0 512 512">
-                    <path d="M80 152v256a40.12 40.12 0 0040 40h272a40.12 40.12 0 0040-40V152" stroke-linecap="round" stroke-linejoin="round" stroke-width="50px" fill="none"></path>
-                    <rect x="48" y="64" width="416" height="80" rx="28" ry="28" stroke-linejoin="round" stroke-width="50px" fill="none" ></rect>
-                    <path stroke-linecap="round" stroke-linejoin="round" d="M320 304l-64 64-64-64M256 345.89V224" stroke-width="50px" fill="none"></path>
-                    <title id="altIconTitle">{{ translationMap?.get('CLOSE_CHAT') }}</title>
-                </svg>
-            </span>
-            <span class="v-align-center c21-label-button">
-                {{translationMap?.get('CLOSE_CHAT')}}
-            </span>  
-            <div class="clear"></div>
-        </button>
+    <!-- ICON REC -->
+    <div *ngIf="showAudioRecorderFooterButton && !textInputTextArea" tabindex="-1" class="chat21-audio-button" [class.active]="isStopRec" id="chat21-button-rec">
+        <chat-audio-recorder
+            (startRecordingEvent)="onStartRecording()"
+            (deleteRecordingEvent)="onDeleteRecording()"
+            (endRecordingEvent)="onEndRecording($event)"
+            (sendRecordingEvent)="onSendRecording($event)"
+            [stylesMap]="stylesMap">
+        </chat-audio-recorder>
     </div>
 </div>
 

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

@@ -1,25 +1,23 @@
-.textarea-container-wrapper{
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-}
+
 .textarea-container{
+    // padding: 8px 34px;
+    // padding-left: 70px;
+    // padding-right: 45px;
     display: flex;
+    // width: 100%;
     align-items: center;
     justify-content: space-between;
     gap: 8px;
-}
-.close-chat-container{
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    gap: 8px;
 
-    .c21-close{
-        height: 30px !important;
-        margin: 0px !important;
+    //if attachment icon OR emoji icon is not in DOM -> increment textarea width
+    &:has(:not(#chat21-start-upload-doc), :not(#chat21-emoticon-picker)) .visible-text-area {
+        width: 80%;
     }
+    //if attachment icon AND emoji icon is not in DOM -> increment textarea width
+    &:has(:not(#chat21-start-upload-doc)):has(:not(#chat21-emoticon-picker)) .visible-text-area {
+        width: 90%;
+      }
+
 }
 
 .icons-container{
@@ -421,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

@@ -42,7 +42,6 @@ export class ConversationFooterComponent implements OnInit, OnChanges {
   @Input() isEmojiiPickerShow: boolean;
   @Input() footerMessagePlaceholder: string;
   @Input() fileUploadAccept: string;
-  @Input() closeChatInConversation: boolean;
   @Input() dropEvent: Event;
   @Input() poweredBy: string;
   @Input() stylesMap: Map<string, string>
@@ -53,7 +52,6 @@ export class ConversationFooterComponent implements OnInit, OnChanges {
   @Output() onChangeTextArea = new EventEmitter<any>();
   @Output() onAttachmentFileButtonClicked = new EventEmitter<any>();
   @Output() onNewConversationButtonClicked = new EventEmitter();
-  @Output() onCloseChatButtonClicked = new EventEmitter();
 
   @ViewChild('chat21_file') public chat21_file: ElementRef;
   // @ViewChild('emojii_container', {read: ViewContainerRef}) selector;
@@ -89,7 +87,6 @@ export class ConversationFooterComponent implements OnInit, OnChanges {
 
   file_size_limit = FILE_SIZE_LIMIT;
   attachmentTooltip: string = '';
-  isErrorNetwork: boolean = false;
 
 
   convertColorToRGBA = convertColorToRGBA;
@@ -712,10 +709,6 @@ export class ConversationFooterComponent implements OnInit, OnChanges {
     this.onNewConversationButtonClicked.emit();
   }
 
-  onCloseChat(event){
-    this.onCloseChatButtonClicked.emit();
-  }
-
   // onContinueConversation(){
   //   this.hideTextAreaContent = false;
   //   this.onBackButton.emit(false)

package/src/app/component/last-message/last-message.component.ts

@@ -12,7 +12,7 @@ import { MIN_WIDTH_IMAGES } from 'src/app/utils/constants';
 import { ConversationModel } from 'src/chat21-core/models/conversation';
 import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service';
 import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
-import { commandToMessage, conversationToMessage, isEmojii, isFrame, isImage, isMine, isSameSender, isSender } from 'src/chat21-core/utils/utils-message';
+import { commandToMessage, conversationToMessage, isEmojii, isFrame, isImage, isSameSender } from 'src/chat21-core/utils/utils-message';
 
 
 @Component({
@@ -59,9 +59,6 @@ export class LastMessageComponent implements OnInit, AfterViewInit, OnDestroy {
   ngOnChanges(changes: SimpleChanges) {
     this.logger.debug('[LASTMESSAGE] onChanges', changes)
     if(this.conversation){
-      
-      /** if the message is sent by the logged user, do not add it to the messages array */
-      if(isSender(this.conversation.sender, this.g.senderId)) return;
 
       if(this.conversation.attributes && this.conversation.attributes.commands){
         this.addCommandMessage(this.conversation)

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

@@ -1130,12 +1130,6 @@ export class GlobalSettingsService {
         if (TEMP !== undefined) {
             globals.size = TEMP;
         } 
-
-        TEMP = tiledeskSettings['closeChatInConversation'];
-        // this.logger.debug('[GLOBAL-SET] setVariablesFromSettings > closeChatInConversation:: ', TEMP]);
-        if (TEMP !== undefined) {
-            globals.closeChatInConversation = (TEMP === true) ? true : false;
-        }
     }
 
     /**
@@ -1882,11 +1876,6 @@ export class GlobalSettingsService {
         if (TEMP) {
             globals.size = TEMP;
         }
-
-        TEMP = getParameterByName(windowContext, 'tiledesk_closeChatInConversation');
-        if (TEMP) {
-            globals.closeChatInConversation = stringToBoolean(TEMP);
-        }
         
     }
 

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/sass/_variables.scss

@@ -36,7 +36,6 @@
     
     --chat-footer-height: 64px;
     --chat-footer-logo-height: 30px;
-    --chat-footer-close-button-height: 30px;
     --chat-footer-border-radius: 16px;
     --chat-footer-background-color: #f6f7fb;
     --chat-footer-color: #1a1a1a;

package/src/app/utils/globals.ts

@@ -227,8 +227,6 @@ export class Globals {
   fontFamilySource: string; // *******  new ********
 
   size: 'min' | 'max' | 'top'; // *******  new ********
-
-  closeChatInConversation: boolean; // *******  new ********
   constructor(
   ) { }
 
@@ -445,8 +443,7 @@ export class Globals {
     this.hasCalloutInWidgetConfig = false;
     /** set widget size from 3 different positions: min, max, top */
     this.size = 'min';
-    /** enable to close the chat in conversation */
-    this.closeChatInConversation = false;
+
     // ============ END: SET EXTERNAL PARAMETERS ==============//
 
 

package/src/assets/i18n/en.json

@@ -97,6 +97,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

@@ -97,6 +97,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

@@ -97,6 +97,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

@@ -95,6 +95,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/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[] {
 }
 
 
+
+