@chat21/chat21-web-widget 5.0.65-rc.1 → 5.0.66

package/CHANGELOG.md

@@ -1,5 +1,10 @@
 # chat21-web-widget ver 5.0
 
+### 5.0.66 in PROD
+- added: LWT e imHere() for presence management
+
+### 5.0.65 in PROD
+
 ### 5.0.65-rc.1
 - added: disconnectTime tiledesk property to manage the time before disconnecting from messaging system if no interaction is fired while the widget is in closed status
 - bug-fixed: numbered list reduce the font-size of the bubble-message

package/package.json

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

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

@@ -0,0 +1 @@
+<p>conversation-emojii works!</p>

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

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ConversationEmojiiComponent } from './conversation-emojii.component';
+
+describe('ConversationEmojiiComponent', () => {
+  let component: ConversationEmojiiComponent;
+  let fixture: ComponentFixture<ConversationEmojiiComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ ConversationEmojiiComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(ConversationEmojiiComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

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

@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'chat-conversation-emojii',
+  templateUrl: './conversation-emojii.component.html',
+  styleUrls: ['./conversation-emojii.component.scss']
+})
+export class ConversationEmojiiComponent {
+
+}

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

@@ -78,7 +78,7 @@
 
 
 <!-- EMOJII PICKER-->
-<div [style.visibility]="isEmojiiPickerShow?'visible':'hidden'"  class="emoji-container">
+<div [style.visibility]="isEmojiiPickerShow?'visible':'hidden'"  class="emoji-container"  id="emoji-mart-container" #emoji_mart_container>
     <emoji-mart id="emoji-mart"
         *ngIf="showEmojiPicker"
         class="emoji-mart"

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

@@ -1,4 +1,4 @@
-import { Component, ElementRef, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges, ViewChild } from '@angular/core';
+import { Component, ComponentFactoryResolver, ElementRef, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges, ViewChild, ViewContainerRef } from '@angular/core';
 import { Globals } from 'src/app/utils/globals';
 import { MessageModel } from 'src/chat21-core/models/message';
 import { UploadModel } from 'src/chat21-core/models/upload';
@@ -48,7 +48,7 @@ export class ConversationFooterComponent implements OnInit, OnChanges {
   @Output() onBackButton = new EventEmitter()
 
   @ViewChild('chat21_file') public chat21_file: ElementRef;
-
+  @ViewChild('emoji_mart_container', {read: ViewContainerRef}) public divEmojiiContainer: ViewContainerRef;
   // ========= begin:: send image ======= //
   selectedFiles: FileList;
   isFilePendingToUpload: Boolean = false;
@@ -62,6 +62,7 @@ export class ConversationFooterComponent implements OnInit, OnChanges {
   conversationHandlerService: ConversationHandlerService
 
   showEmojiPicker: boolean = false; //To show/hide emoji picker
+  loadPickerModule: boolean = true;
   emojiiOptions = {
     emojiPerLine : 9,
     totalFrequentLines: 1,
@@ -450,7 +451,30 @@ export class ConversationFooterComponent implements OnInit, OnChanges {
     }
   }
 
-  onEmojiiPickerClicked(){
+  async onEmojiiPickerClicked(){
+    // if(this.loadPickerModule){
+    //   this.loadPickerModule = false;
+    //   const { default: PickerModule} = await import("@ctrl/ngx-emoji-mart");
+    //   import('../conversation-emojii/conversation-emojii.component').then(({ConversationEmojiiComponent})=> {
+    //     this.divEmojiiContainer.clear();
+    //     const instance = this.divEmojiiContainer.createComponent(ConversationEmojiiComponent);
+    //     this.divEmojiiContainer.createEmbeddedView()
+    //     this.divEmojiiContainer.insert(instance.hostView);
+    //   });
+    //   // this.divEmojiiContainer.nativeElement.insertAdjacentHTML('afterbegin', '<emoji-mart id="emoji-mart"' +
+    //   // //  '*ngIf="showEmojiPicker"'+
+    //   //  'class="emoji-mart"'+
+    //   // '[showPreview]="emojiiOptions?.showPreview"'+
+    //   // // '[color]="stylesMap?.get("themeColor")"' +
+    //   // '[perLine]="emojiiOptions?.emojiPerLine"'+
+    //   // '[totalFrequentLines]="emojiiOptions?.totalFrequentLines"'+
+    //   // '[enableSearch]="emojiiOptions?.enableSearch"'+
+    //   // '[darkMode]="emojiiOptions?.darkMode"'+
+    //   // '[include]="emojiiOptions?.include"'+
+    //   // '(emojiSelect)="addEmoji($event)">'+
+    //   // '</emoji-mart>')
+
+    // }
     //OPEN EMOJII PICKER
     this.onEmojiiPickerShow.emit(!this.isEmojiiPickerShow)
   }

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

@@ -4,7 +4,7 @@ import { BehaviorSubject, Observable } from 'rxjs';
 
 // services
 import { Globals } from '../utils/globals';
-import { convertColorToRGBA, detectIfIsMobile, getImageUrlThumb, getParameterByName, stringToBoolean } from '../utils/utils';
+import { convertColorToRGBA, detectIfIsMobile, getImageUrlThumb, getParameterByName, stringToBoolean, stringToNumber } from '../utils/utils';
 
 import { TemplateBindingParseResult } from '@angular/compiler';
 import { AppStorageService } from '../../chat21-core/providers/abstract/app-storage.service';
@@ -1740,7 +1740,7 @@ export class GlobalSettingsService {
 
         TEMP = getParameterByName(windowContext, 'tiledesk_disconnetTime');
         if (TEMP) {
-            globals.disconnetTime = +TEMP;
+            globals.disconnetTime = stringToNumber(TEMP);
         }
         
     }

package/src/app/utils/globals.ts

@@ -389,7 +389,7 @@ export class Globals {
     /**enable user to set a telegram number to chat with */
     this.fileUploadAccept = "image/*,.pdf,.txt"
     /**enable auto disconnect from messaging after a defined amount of time (s)*/
-    this.disconnetTime = 10
+    this.disconnetTime = 60
 
     this.showWaitTime = true;
 

package/src/assets/js/chat21client.js

@@ -979,12 +979,12 @@ class Chat21Client {
             // clean: true,
             reconnectPeriod: 1000,
             // connectTimeout: 30 * 1000,
-            // will: {
-            //     topic: this.presence_topic,
-            //     payload: '{"disconnected":true}',
-            //     qos: 1,
-            //     retain: true
-            // },
+            will: {
+                topic: this.presence_topic,
+                payload: '{"disconnected":true}',
+                qos: 1,
+                retain: true
+            },
             clientId: this.client_id,
             username: 'JWT',
             password: jwt,

package/src/chat21-core/providers/mqtt/mqtt-conversation-handler.ts

@@ -115,7 +115,7 @@ export class MQTTConversationHandler extends ConversationHandlerService {
                         return;
                     }
 
-                    if (msg.attributes && msg.attributes.commands && msg.attributes.commands.lenght > 0 ) {
+                    if (msg.attributes && msg.attributes.commands) {
                         this.logger.debug('[MQTTConversationHandlerSERVICE] splitted message::::', this.messages, msg)
                         this.addCommandMessage(msg)
                     } else {
@@ -143,7 +143,7 @@ export class MQTTConversationHandler extends ConversationHandlerService {
                 //     return;
                 // }
                 
-                if (msg.attributes && msg.attributes.commands && msg.attributes.commands.lenght > 0) {
+                if (msg.attributes && msg.attributes.commands) {
                     this.logger.debug('[MQTTConversationHandlerSERVICE] splitted message::::', msg)
                     this.addCommandMessage(msg)
                 } else {

package/src/chat21-core/providers/mqtt/mqtt-presence.service.ts

@@ -72,9 +72,9 @@ export class MQTTPresenceService extends PresenceService {
 
   public imHere(): void {
     this.logger.debug('[MQTT-PRESENCE] imHere', this.tenant);
-    // setTimeout(() => {
-    //   this.chat21Service.chatClient.ImHere()
-    // }, 2000);
+    setTimeout(() => {
+      this.chat21Service.chatClient.ImHere()
+    }, 2000);
   }
 
   /**