@chat21/chat21-web-widget 5.1.27-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,54 +6,50 @@
 ### **Copyrigth**: 
 *Tiledesk SRL*
 
-# 5.1.27-rc1
-- **added**: closeChatInConversation parameters
-- **added**: close chat button under textarea footer component
+# 5.1.30
+- **bug fixed**: startHidden is not working properly
 
-# 5.1.26-rc6
+# 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
+- **bug fixed**: centralized fullscreen management on mobile and handled the case of the closed widget that remained fullscreen
+- **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-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.26
+- **bug fixed**: attachment buttons text alignment
 
-# 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.
@@ -63,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
@@ -74,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
 
@@ -88,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/badge_Bot_Umano.md

@@ -0,0 +1,85 @@
+# Questo branch: UX bot/umano + disaccoppiamento callout
+
+## Contesto
+
+Questo branch migliora il feedback in conversazione e rende il comportamento del callout indipendente dal sign-in del widget.
+
+## Modifiche incluse
+
+- Aggiunto un **badge Bot/Umano** nella vista conversazione.
+  - All'apertura della conversazione (e ad ogni nuovo messaggio) analizza i messaggi e determina il tipo conversazione.
+
+## Come viene identificato Bot/Umano
+
+La logica vive in `ConversationComponent` e in un modulo pure di supporto (`src/app/utils/conversation-sender-classifier.ts`).
+
+### Regole (in ordine)
+
+1) **Selezione del messaggio “server” più recente**
+- Si considerano solo i messaggi **non inviati dal client corrente** (si scartano quelli con `sender === senderId`).
+- L’“ultimo” messaggio server viene determinato in modo robusto usando `timestamp` (equivalente a ordinare per timestamp decrescente).
+
+2) **Regola speciale: handoff a operatore (Umano)**
+- Se l’ultimo messaggio server è `system` e rappresenta un handoff verso umano:
+  - `attributes.subtype === "info"`
+  - `attributes.updateconversation === true`
+  - `attributes.messagelabel.key === "MEMBER_JOINED_GROUP"`
+  - `attributes.messagelabel.parameters.member_id` **non** è `system`, **non** inizia con `bot_`, e **non** coincide con il `senderId` del client
+- allora la conversazione viene forzata a **Umano**.
+
+3) **Se l’ultimo messaggio server non è system**
+- viene classificato come **Bot** se:
+  - è presente `attributes.flowAttributes.chatbot_id` (segnale forte, anche se diverso da `sender`), oppure
+  - euristiche legacy: `sender` contiene `bot_` oppure `sender_fullname` contiene “bot”
+- altrimenti come **Umano**.
+
+4) **Se l’ultimo messaggio server è system (ma non handoff umano)**
+- si cerca il messaggio server **precedente non-system** e si applica la classificazione Bot/Umano su quello.
+
+### Risultato in UI
+- Il badge mostra **Bot** o **Umano** in base all’ultimo responder server **non-system**, con precedenza della regola handoff.
+
+- 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 (nessuna durata minima).
+
+- Rimossa l'implementazione temporanea del toast "ciao" nel footer e relativo wiring.
+
+- Abilitato il percorso di avvio widget per i casi guidati da bot quando sono presenti `botsRules`.
+
+## Disaccoppiamento callout (step completati)
+
+- **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`
+
+- **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()`.
+
+- **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.
+
+## 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.
+
+## Checklist regressioni (bot/umano)
+- **Bot con `flowAttributes.chatbot_id` diverso da `sender`** (caso reale):
+  - Atteso: classificazione **Bot** (non Human).
+- **System → bot joined** (`MEMBER_JOINED_GROUP` con `member_id` che inizia per `bot_`):
+  - Atteso: non forzare Umano (non è handoff verso operatore).
+- **System → handoff umano** (`MEMBER_JOINED_GROUP` con `member_id` umano):
+  - Atteso: forzare **Umano** anche se messaggi precedenti indicavano bot.
+- **Conversazione con soli messaggi system** (dopo aver escluso quelli del client):
+  - Atteso: nessun crash; badge Bot/Umano può essere nascosto, ma la classificazione dell’ultimo messaggio server deve restare coerente.

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.27-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,
@@ -452,6 +453,7 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
             }
 
             const autoStart = this.g.autoStart;
+            const startHidden = this.g.startHidden;
             that.stateLoggedUser = state;
             if (state && state === AUTH_STATE_ONLINE) {
                 /** sono loggato */
@@ -526,6 +528,7 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
                     // || this.g.hasCalloutInWidgetConfig;
                 if (shouldAutoAuthenticate) {
                     that.authenticate();
+                    if(startHidden){ that.hideWidget(); }
                 } else {
                     that.logger.debug('[APP-COMP] Skip auto-auth: startup conditions not met, show launcher only');
                 }
@@ -1253,6 +1256,7 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
         const senderId = this.g.senderId;
         this.logger.debug('[APP-COMP] f21_open senderId: ', senderId);
         if (senderId) {
+            this.enforceMobileFullscreenOnOpen();
             // chiudo callout
             this.g.setParameter('displayEyeCatcherCard', 'none');
             // this.g.isOpen = true; // !this.isOpen;
@@ -1708,6 +1712,7 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
         this.logger.debug('[APP-COMP] openCloseWidget', recipientId, this.g.isOpen, this.g.startFromHome);
 
         if (this.g.isOpen === false) {
+            this.enforceMobileFullscreenOnOpen();
             if(this.forceDisconnect){
                 this.logger.log('[FORCE] onOpenCloseWidget --> reconnect', this.forceDisconnect)
                 this.messagingAuthService.createCustomToken(this.g.tiledeskToken)
@@ -2174,6 +2179,13 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
         }
     }
 
+    private enforceMobileFullscreenOnOpen() {
+        if (this.g?.isMobile) {
+            this.g.fullscreenMode = true;
+            this.g.size = 'max';
+        }
+    }
+
     /**
      * MODAL RATING WIDGET:
      * close modal page
@@ -2307,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>