@chat21/chat21-web-widget 5.0.71 → 5.0.72-rc.2

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # chat21-web-widget ver 5.0
 
+### 5.0.72-rc.2
+- bug-fixed: update attributes after setAttributeParameter external function is called
+
+### 5.0.72-rc.1
+- changed: set retain option in mqtt connection as FALSE
+
+### 5.0.71.3 in PROD
+- bug-fixed: removed img filter from home footer section
+
+### 5.0.71.2 in PROD
+- bug-fixing: widget do not restart conversation in chatbot-panel.html file
+
+### 5.0.71.1 in PROD
+- bug-fixed: WELCOME_TITLE and WELCOME_TITLE not showed if user change them on dashboard widget settings
+
 ### 5.0.71 in PROD
 
 ### 5.0.71-rc.13

package/package.json

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

package/src/app/app.component.ts

@@ -1,5 +1,4 @@
 import { ScriptService } from './../chat21-core/providers/scripts/script.service';
-import { TYPE_DIRECT } from './../chat21-core/utils/constants';
 /** ANGULAR MODULES */
 import { AfterViewInit, Component, ElementRef, HostListener, NgZone, OnDestroy, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
 import { environment } from 'src/environments/environment';
@@ -38,7 +37,7 @@ import { TranslatorService } from './providers/translator.service';
 // UTILS
 import * as dayjs from 'dayjs';
 import { MessageModel } from 'src/chat21-core/models/message';
-import { AUTH_STATE_OFFLINE, AUTH_STATE_ONLINE, TYPE_MSG_FILE, TYPE_MSG_IMAGE, URL_SOUND_LIST_CONVERSATION } from 'src/chat21-core/utils/constants';
+import { AUTH_STATE_OFFLINE, AUTH_STATE_ONLINE, CHANNEL_TYPE, TYPE_MSG_FILE, TYPE_MSG_IMAGE, URL_SOUND_LIST_CONVERSATION } from 'src/chat21-core/utils/constants';
 import { supports_html5_storage } from 'src/chat21-core/utils/utils';
 import { UID_SUPPORT_GROUP_MESSAGES } from './utils/constants';
 import { Globals } from './utils/globals';
@@ -745,7 +744,7 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
                 attributes = {};
             }
         }
-        // this.g.wdLog(['attributes: ', attributes, this.g.attributes]);
+        // console.log('attributes: ', attributes, this.g.attributes);
         // that.g.wdLog(['CLIENT_BROWSER: ', CLIENT_BROWSER);
         if (CLIENT_BROWSER) {
             attributes['client'] = CLIENT_BROWSER;
@@ -777,6 +776,7 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
         try {
             // attributes['payload'] = this.g.customAttributes.payload;
             attributes['payload'] = []
+
             if (this.g.customAttributes) {
                 attributes['payload'] = this.g.customAttributes;
             }
@@ -1175,6 +1175,7 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
 
     private setAttributeParameter(parameterObj: {key: string, value: any}){
         this.g.setAttributeParameter(parameterObj.key, parameterObj.value)
+        this.appStorageService.setItem('attributes', JSON.stringify(this.g.attributes));
     }
 
     private removeFirebasewebsocketFromLocalStorage() {
@@ -1696,7 +1697,7 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
                 this._f21_open()
             }
             // this.conversationSelected = $event;
-            if($event.channel_type === TYPE_DIRECT){
+            if($event.channel_type === CHANNEL_TYPE.DIRECT){
                 this.g.setParameter('recipientId', $event.sender);
                 this.appStorageService.setItem('recipientId', $event.sender)
             }else {

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

@@ -6,18 +6,18 @@ import { ConversationFooterComponent } from './../conversation-footer/conversati
 // tslint:disable-next-line:max-line-length
 import { AfterViewInit, ChangeDetectorRef, Component, ElementRef, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges, ViewChild } from '@angular/core';
 
-import {
-  CHANNEL_TYPE_DIRECT, CHANNEL_TYPE_GROUP, TYPE_MSG_TEXT,
-  UID_SUPPORT_GROUP_MESSAGES
-} from 'src/app/utils/constants';
 
-// models
 
+// models
 import { MessageModel } from 'src/chat21-core/models/message';
+import { ConversationModel } from 'src/chat21-core/models/conversation';
 
 // utils
 import { v4 as uuidv4 } from 'uuid';
-
+import { UID_SUPPORT_GROUP_MESSAGES } from 'src/app/utils/constants';
+import { CHANNEL_TYPE, INFO_MESSAGE_TYPE, TYPE_MSG_TEXT } from 'src/chat21-core/utils/constants';
+import { getDateDifference } from 'src/chat21-core/utils/utils';
+import { isJustRecived, isUserBanned } from 'src/chat21-core/utils/utils-message';
 
 // Import the resized event model
 
@@ -28,7 +28,6 @@ import { takeUntil } from 'rxjs/operators';
 import { AppConfigService } from 'src/app/providers/app-config.service';
 import { StarRatingWidgetService } from 'src/app/providers/star-rating-widget.service';
 import { Globals } from 'src/app/utils/globals';
-import { ConversationModel } from 'src/chat21-core/models/conversation';
 import { AppStorageService } from 'src/chat21-core/providers/abstract/app-storage.service';
 import { ArchivedConversationsHandlerService } from 'src/chat21-core/providers/abstract/archivedconversations-handler.service';
 import { ConversationHandlerBuilderService } from 'src/chat21-core/providers/abstract/conversation-handler-builder.service';
@@ -39,9 +38,6 @@ import { TypingService } from 'src/chat21-core/providers/abstract/typing.service
 import { CustomTranslateService } from 'src/chat21-core/providers/custom-translate.service';
 import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
 import { TiledeskRequestsService } from 'src/chat21-core/providers/tiledesk/tiledesk-requests.service';
-import { INFO_MESSAGE_TYPE } from 'src/chat21-core/utils/constants';
-import { getDateDifference } from 'src/chat21-core/utils/utils';
-import { isJustRecived, isUserBanned } from 'src/chat21-core/utils/utils-message';
 import { ConversationContentComponent } from '../conversation-content/conversation-content.component';
 // import { TranslateService } from '@ngx-translate/core';
 
@@ -524,12 +520,12 @@ export class ConversationComponent implements OnInit, AfterViewInit, OnChanges {
    *
    */
   private setChannelType() {
-    let channelTypeTEMP = CHANNEL_TYPE_GROUP;
+    let channelTypeTEMP = CHANNEL_TYPE.GROUP;
     const projectid = this.g.projectid;
     if (this.g.recipientId && this.g.recipientId.indexOf('group') !== -1) {
-      channelTypeTEMP = CHANNEL_TYPE_GROUP;
+      channelTypeTEMP = CHANNEL_TYPE.GROUP;
     } else if (!projectid) {
-      channelTypeTEMP = CHANNEL_TYPE_DIRECT;
+      channelTypeTEMP = CHANNEL_TYPE.DIRECT;
     }
     return channelTypeTEMP;
   }

package/src/app/component/home/home.component.scss

@@ -295,7 +295,7 @@
                     position: relative;
                     vertical-align: middle;
                     object-fit: contain;
-                    filter: brightness(0) saturate(100%) invert(39%) sepia(12%) saturate(212%) hue-rotate(173deg) brightness(92%) contrast(88%);
+                    // filter: brightness(0) saturate(100%) invert(39%) sepia(12%) saturate(212%) hue-rotate(173deg) brightness(92%) contrast(88%);
                     padding-right: 5px;
                 }
             }

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

@@ -1,7 +1,7 @@
 import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
 
 // models
-import { MessageModel } from '../../../models/message';
+import { MessageModel } from 'src/chat21-core/models/message';
 
 @Component({
   selector: 'chat-message-attachment',

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

@@ -234,6 +234,10 @@ export class TranslatorService {
       'BUTTON_EDIT_PROFILE',
       'DOWNLOAD_TRANSCRIPT',
       'RATE_CHAT',
+      'WELLCOME',
+      'WELLCOME_TITLE',
+      'WELLCOME_MSG',
+      'WELCOME',
       'WELCOME_TITLE',
       'WELCOME_MSG',
       'OPTIONS',
@@ -286,8 +290,9 @@ export class TranslatorService {
       globals.BUTTON_EDIT_PROFILE = res['BUTTON_EDIT_PROFILE']; // is used ??
       globals.DOWNLOAD_TRANSCRIPT = res['DOWNLOAD_TRANSCRIPT'];
       globals.RATE_CHAT = res['RATE_CHAT']; // is used ??
-      globals.WELCOME_TITLE = res['WELCOME_TITLE'];
-      globals.WELCOME_MSG = res['WELCOME_MSG'];
+      globals.WELCOME = res['WELLCOME'];
+      globals.WELCOME_TITLE = res['WELLCOME_TITLE'];
+      globals.WELCOME_MSG = res['WELLCOME_MSG'];
       globals.OPTIONS = res['OPTIONS'];
       globals.SOUND_ON = res['SOUND_ON'];
       globals.SOUND_OFF = res['SOUND_OFF'];

package/src/app/utils/constants.ts

@@ -29,10 +29,6 @@ export const TYPE_MSG_IMAGE = 'image';
 export const TYPE_MSG_FILE = 'file';
 export const TYPE_MSG_BUTTON = 'button';
 
-// CHANNEL TYPE
-export const CHANNEL_TYPE_GROUP = 'group';
-export const CHANNEL_TYPE_DIRECT = 'direct';
-
 // NODE MESSAGES
 export const UID_SUPPORT_GROUP_MESSAGES = 'support-group-';
 

package/src/app/utils/globals.ts

@@ -4,7 +4,7 @@ import { BehaviorSubject } from 'rxjs';
 import { environment } from '../../environments/environment';
 
 /** CONSTANTS */
-import { CHANNEL_TYPE_GROUP } from 'src/chat21-core/utils/constants';
+import { CHANNEL_TYPE } from 'src/chat21-core/utils/constants';
 
 /** MODELS */
 import { DepartmentModel } from 'src/models/department';
@@ -427,9 +427,9 @@ export class Globals {
     /** Set the widget title label shown in the widget header. Value type : string.
     The default value is Tiledesk. */
                                                         /** name tenant ex: tilechat */
-    this.channelType = CHANNEL_TYPE_GROUP;
-    // this.parameters['channelType'] = CHANNEL_TYPE_GROUP;
-    // this.parameters.push({'channelType': CHANNEL_TYPE_GROUP});
+    this.channelType = CHANNEL_TYPE.GROUP;
+    // this.parameters['channelType'] = CHANNEL_TYPE.GROUP;
+    // this.parameters.push({'channelType': CHANNEL_TYPE.GROUP});
                                                         /** channelType: group/direct  */
     this.default_settings = {};
     // this.parameters.push({'default_settings': '' });

package/src/assets/js/chat21client.js

@@ -986,7 +986,7 @@ class Chat21Client {
                 topic: this.presence_topic,
                 payload: '{"disconnected":true}',
                 qos: 1,
-                retain: true
+                retain: false
             },
             clientId: this.client_id,
             username: 'JWT',

package/src/assets/twp/chatbot-panel.html

@@ -462,10 +462,11 @@
             marginY: "50px",
             // calloutTimer: 1,
             singleConversation: true,
-            restartConversation: false,
+            restartConversation: true,
             hideHeaderCloseButton: true,
             hideCloseConversationOptionMenu: true,
-            isLogEnabled:true
+            isLogEnabled:true,
+            customAttributes: { sound: false }
             // autostart: false
 
         };

package/src/chat21-core/providers/firebase/firebase-archivedconversations-handler.ts

@@ -336,7 +336,7 @@ export class FirebaseArchivedConversationsHandler extends ArchivedConversationsH
             conversation_with_fullname = conv.recipient_fullname;
             conv.sender_fullname = this.translationMap.get('YOU')
             // conv.last_message_text = YOU + conv.last_message_text;
-        // } else if (conv.channel_type === TYPE_GROUP) {
+        // } else if (conv.channel_type === CHANNEL_TYPE.GROUP) {
         } else if (isGroup(conv)) {
             // conversation_with_fullname = conv.sender_fullname;
             // conv.last_message_text = conv.last_message_text;

package/src/chat21-core/utils/constants.ts

@@ -36,14 +36,17 @@ export const PARENT_PAGE_DETAIL_CONVERSATION = 'dettaglio-conversazione ';
 export const BCK_COLOR_CONVERSATION_SELECTED = '#EEEEEE ';
 export const BCK_COLOR_CONVERSATION_UNSELECTED = '#FFFFFF ';
 
-export const TYPE_SUPPORT_GROUP = 'support-group';
-export const CHANNEL_TYPE_GROUP = 'group';
-export const CHANNEL_TYPE_CHAT21 = 'chat21';
-export const CHANNEL_TYPE_EMAIL = 'email';
-export const CHANNEL_TYPE_FORM = 'form';
-export const CHANNEL_TYPE_MESSANGER = 'messanger';
-export const CHANNEL_TYPE_WHATSAPP = 'whatsapp';
-export const CHANNEL_TYPE_TELEGRAM = 'telegram';
+export enum CHANNEL_TYPE {
+    SUPPORT_GROUP = 'support-group',
+    GROUP = 'group',
+    DIRECT = 'direct',
+    CHAT21 = 'chat21',
+    EMAIL = 'email',
+    FORM = 'form',
+    MESSENGER = 'messenger',
+    WHATSAPP = 'whatsapp',
+    TELEGRAM = 'telegram'
+}
 
 // TYPES MESSAGES
 export const TYPE_MSG_TEXT = 'text';
@@ -75,7 +78,8 @@ export enum INFO_MESSAGE_TYPE {
     MEMBER_LEFT_GROUP = "MEMBER_LEFT_GROUP",
     LEAD_UPDATED = "LEAD_UPDATED",
     TOUCHING_OPERATOR = "TOUCHING_OPERATOR",
-    LIVE_PAGE = "LIVE_PAGE"
+    LIVE_PAGE = "LIVE_PAGE",
+    PLAN_EXPIRED = "PLAN_EXPIRED"
 }
 
 // URLS

package/src/chat21-core/utils/utils-message.ts

@@ -2,15 +2,13 @@ import { MessageModel } from './../models/message';
 import { ConversationModel } from './../models/conversation';
 import { v4 as uuidv4 } from 'uuid';
 import {
-    MESSAGE_TYPE_INFO,
-    MESSAGE_TYPE_MINE,
-    MESSAGE_TYPE_OTHERS,
-    MAX_WIDTH_IMAGES,
-    CHANNEL_TYPE_GROUP,
-    TYPE_SUPPORT_GROUP,
-    INFO_MESSAGE_TYPE
-} from './constants';
-
+  MESSAGE_TYPE_INFO,
+  MESSAGE_TYPE_MINE,
+  MESSAGE_TYPE_OTHERS,
+  MAX_WIDTH_IMAGES,
+  INFO_MESSAGE_TYPE,
+  CHANNEL_TYPE
+} from '../../chat21-core/utils/constants';
 /** */
 export function isCarousel(message: any) {
   if (message && message.type && message.type === 'gallery' && message?.attributes && message?.attributes?.attachment && message?.attributes?.attachment?.gallery ) {
@@ -169,9 +167,9 @@ export function getSizeImg(message: any, maxWidthImage?: number): any {
 
 /** */
 export function isChannelTypeGroup(channelType: string) {
-    if (channelType === CHANNEL_TYPE_GROUP || channelType === TYPE_SUPPORT_GROUP) {
-      return true;
-    }
+  if (channelType === CHANNEL_TYPE.GROUP || channelType === CHANNEL_TYPE.SUPPORT_GROUP) {
+    return true;
+  }
     return false;
 }
 

package/src/models/message.ts

@@ -1,21 +0,0 @@
-// firebase
-export class MessageModel {
-    public sender_urlImage: string;
-    constructor(
-        public uid: string,
-        public language: string,
-        public recipient: string,
-        public recipient_fullname: string,
-        public sender: string,
-        public sender_fullname: string,
-        public status: string,
-        public metadata: any,
-        public text: any,
-        public timestamp: any,
-        public type: string,
-        public attributes: any,
-        public channel_type: string,
-        public projectid: string,
-        public emoticon?: boolean
-    ) { }
- }