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

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

@@ -324,13 +324,13 @@ export class GlobalSettingsService {
         }
         /** set button colors */
         this.setButtonColors();
+        // Detect mobile before loading persisted values so storage policies can depend on it.
         this.globals.setParameter('isMobile', detectIfIsMobile(this.globals.windowContext));
 
         this.setVariableFromStorage(this.globals);
         this.setVariablesFromSettings(this.globals);
         this.setVariablesFromAttributeHtml(this.globals, this.el);
         this.setVariablesFromUrlParameters(this.globals);
-        this.enforceMobileFullscreenPolicy(this.globals);
         
         this.setDepartmentFromExternal();
         /** set color with gradient from theme's colors */
@@ -342,18 +342,6 @@ export class GlobalSettingsService {
         this.obsSettingsService.next(true);
     }
 
-    /**
-     * On mobile devices we always open the widget fullscreen.
-     * This also neutralizes any legacy `size` stored from previous sessions.
-     */
-    private enforceMobileFullscreenPolicy(globals: Globals) {
-        if (!globals || globals.isMobile !== true) {
-            return;
-        }
-        globals.fullscreenMode = true;
-        globals.size = 'max';
-    }
-
     private setButtonColors() {
         this.logger.debug('[GLOBAL-SET] ***** END SET PARAMETERS *****', this.globals);
         const bubbleSentBackground = this.globals?.bubbleSentBackground;
@@ -1142,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;
-        }
     }
 
     /**
@@ -1894,11 +1876,6 @@ export class GlobalSettingsService {
         if (TEMP) {
             globals.size = TEMP;
         }
-
-        TEMP = getParameterByName(windowContext, 'tiledesk_closeChatInConversation');
-        if (TEMP) {
-            globals.closeChatInConversation = stringToBoolean(TEMP);
-        }
         
     }
 
@@ -1912,7 +1889,7 @@ export class GlobalSettingsService {
         this.logger.debug('[GLOBAL-SET] setVariableFromStorage :::::::: SET VARIABLE ---------->', Object.keys(globals));
         for (const key of Object.keys(globals)) {
             if (globals.isMobile === true && key === 'size') {
-                // Backward compatibility: ignore legacy stored size on mobile.
+                // On mobile we always open fullscreen, so legacy/persisted widget size must be ignored.
                 try {
                     this.appStorageService.removeItem('size');
                 } catch (e) {

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/conversation-sender-classifier.ts

@@ -0,0 +1,116 @@
+import { MessageModel } from 'src/chat21-core/models/message';
+
+export type SenderKind = 'bot' | 'human' | 'system' | 'unknown';
+export type Confidence = 'high' | 'medium' | 'low';
+
+export interface SenderClassification {
+  kind: SenderKind;
+  confidence: Confidence;
+  reasons: string[];
+}
+
+export interface ConversationBadgeState {
+  /** Kind of the latest server message (including system). */
+  latestServerMessageKind: SenderKind;
+  /** Kind of the latest non-system server responder, used for Bot/Umano badge. */
+  latestNonSystemResponderKind: 'bot' | 'human' | null;
+  showBadge: boolean;
+  badgeText: string;
+}
+
+export function classifyMessageSender(msg: MessageModel | null | undefined): SenderClassification {
+  if (!msg) return { kind: 'unknown', confidence: 'low', reasons: ['msg=null'] };
+
+  const sender = (msg as any).sender;
+  const senderFullname = (msg as any).sender_fullname;
+  const senderFullnameLower = (senderFullname || '').toString().toLowerCase();
+
+  if (sender === 'system' || senderFullnameLower === 'system') {
+    return { kind: 'system', confidence: 'high', reasons: ['sender=system'] };
+  }
+
+  const chatbotId = (msg as any)?.attributes?.flowAttributes?.chatbot_id;
+  if (chatbotId) {
+    return { kind: 'bot', confidence: 'high', reasons: ['flowAttributes.chatbot_id'] };
+  }
+
+  if (sender && String(sender).includes('bot_')) {
+    return { kind: 'bot', confidence: 'medium', reasons: ['sender includes bot_'] };
+  }
+
+  if (senderFullnameLower.includes('bot')) {
+    return { kind: 'bot', confidence: 'low', reasons: ['sender_fullname includes bot'] };
+  }
+
+  return { kind: 'human', confidence: 'low', reasons: ['fallback human'] };
+}
+
+export function isHumanHandoffSystemMessage(msg: MessageModel | null | undefined, clientSenderId?: string): boolean {
+  if (!msg) return false;
+  if ((msg as any).sender !== 'system') return false;
+
+  const attrs: any = (msg as any).attributes || {};
+  const key = attrs?.messagelabel?.key;
+  const memberId = attrs?.messagelabel?.parameters?.member_id;
+
+  if (attrs?.subtype !== 'info') return false;
+  if (attrs?.updateconversation !== true) return false;
+  if (key !== 'MEMBER_JOINED_GROUP') return false;
+  if (!memberId || typeof memberId !== 'string') return false;
+
+  // Exclude system/bot/self joins.
+  if (memberId === 'system') return false;
+  if (memberId.startsWith('bot_')) return false;
+  if (clientSenderId && memberId === clientSenderId) return false;
+
+  return true;
+}
+
+function getTimestamp(msg: MessageModel | null | undefined): number {
+  const ts = msg && (msg as any).timestamp;
+  const n = ts != null ? Number(ts) : 0;
+  return Number.isFinite(n) ? n : 0;
+}
+
+function maxByTimestamp<T extends MessageModel>(items: T[]): T {
+  return items.reduce((acc, cur) => (getTimestamp(cur) >= getTimestamp(acc) ? cur : acc), items[0]);
+}
+
+function isSystemMessage(msg: MessageModel | null | undefined): boolean {
+  if (!msg) return false;
+  const sender = (msg as any).sender;
+  const senderFullname = (msg as any).sender_fullname;
+  const senderFullnameLower = (senderFullname || '').toString().toLowerCase();
+  return sender === 'system' || senderFullnameLower === 'system';
+}
+
+export function computeConversationBadgeState(messages: MessageModel[], clientSenderId?: string): ConversationBadgeState {
+  const msgs = messages || [];
+  const serverMsgs = msgs.filter(m => !!m && (!clientSenderId || (m as any).sender !== clientSenderId));
+
+  const latestServerMsg = serverMsgs.length > 0 ? maxByTimestamp(serverMsgs) : null;
+  const latestServerMessageKind = classifyMessageSender(latestServerMsg).kind;
+
+  let latestNonSystemResponderKind: 'bot' | 'human' | null = null;
+
+  // Priority rule: if the latest server message is a system handoff to a human, force "human".
+  if (isHumanHandoffSystemMessage(latestServerMsg, clientSenderId)) {
+    latestNonSystemResponderKind = 'human';
+  } else {
+    // Otherwise, use the latest non-system server message (by timestamp) as responder.
+    const nonSystemServerMsgs = serverMsgs.filter(m => !isSystemMessage(m));
+    const latestNonSystem = nonSystemServerMsgs.length > 0 ? maxByTimestamp(nonSystemServerMsgs) : null;
+    const kind = classifyMessageSender(latestNonSystem).kind;
+    if (kind === 'bot' || kind === 'human') {
+      latestNonSystemResponderKind = kind;
+    }
+  }
+
+  return {
+    latestServerMessageKind,
+    latestNonSystemResponderKind,
+    showBadge: latestNonSystemResponderKind !== null,
+    badgeText: latestNonSystemResponderKind === 'bot' ? 'Bot' : (latestNonSystemResponderKind === 'human' ? 'Umano' : ''),
+  };
+}
+

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 ==============//
 
 
@@ -616,13 +613,35 @@ export class Globals {
     }
 
 
-    //customize position for 'tiledeskdiv' for mobile
+    // On mobile, force fullscreen while open regardless of stored `size`.
     if(isOpen && this.isMobile && divTiledeskWidget){
+      divTiledeskWidget.classList.remove('min-size')
+      divTiledeskWidget.classList.remove('max-size')
+      divTiledeskWidget.classList.remove('top-size')
+      divTiledeskWidget.classList.add('fullscreen')
+      divTiledeskWidget.style.left = '0px'
       divTiledeskWidget.style.right = '0px'
+      divTiledeskWidget.style.top = '0px'
       divTiledeskWidget.style.bottom = '0px'
+      divTiledeskWidget.style.width = '100%'
+      divTiledeskWidget.style.height = '100%'
+      divTiledeskWidget.style.maxWidth = 'none'
+      divTiledeskWidget.style.maxHeight = 'none'
     } else if(!isOpen && this.isMobile && divTiledeskWidget){
-      divTiledeskWidget.style.bottom = this.marginY
-      this.align === 'left'?  divTiledeskWidget.style.left = this.mobileMarginX : divTiledeskWidget.style.right = this.mobileMarginX; 
+      divTiledeskWidget.classList.remove('fullscreen')
+      divTiledeskWidget.style.removeProperty('top')
+      divTiledeskWidget.style.removeProperty('width')
+      divTiledeskWidget.style.removeProperty('height')
+      divTiledeskWidget.style.removeProperty('max-width')
+      divTiledeskWidget.style.removeProperty('max-height')
+      divTiledeskWidget.style.bottom = this.mobileMarginY
+      if (this.align === 'left') {
+        divTiledeskWidget.style.left = this.mobileMarginX
+        divTiledeskWidget.style.removeProperty('right')
+      } else {
+        divTiledeskWidget.style.right = this.mobileMarginX
+        divTiledeskWidget.style.removeProperty('left')
+      }
     }
 
     //customize position for 'tiledeskdiv' for desktop if fullscreenMode is not active

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[] {
 }
 
 
+
+