@chat21/chat21-ionic 3.0.76-rc.2 → 3.0.76-rc.4

package/.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,38 @@
+---
+name: Bug report
+about: Create a report to help us improve
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**To Reproduce**
+Steps to reproduce the behavior:
+1. Go to '...'
+2. Click on '....'
+3. Scroll down to '....'
+4. See error
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem.
+
+**Desktop (please complete the following information):**
+ - OS: [e.g. iOS]
+ - Browser [e.g. chrome, safari]
+ - Version [e.g. 22]
+
+**Smartphone (please complete the following information):**
+ - Device: [e.g. iPhone6]
+ - OS: [e.g. iOS8.1]
+ - Browser [e.g. stock browser, safari]
+ - Version [e.g. 22]
+
+**Additional context**
+Add any other context about the problem here.

package/.github/ISSUE_TEMPLATE/custom.md

@@ -0,0 +1,10 @@
+---
+name: Custom issue template
+about: Describe this issue template's purpose here.
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+

package/.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,20 @@
+---
+name: Feature request
+about: Suggest an idea for this project
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+**Is your feature request related to a problem? Please describe.**
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+**Describe the solution you'd like**
+A clear and concise description of what you want to happen.
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**
+Add any other context or screenshots about the feature request here.

package/CHANGELOG.md

@@ -1,4 +1,15 @@
 # chat21-ionic ver 3.0
+ù
+### 3.0.76-rc.4
+- bug-fixed: if canned component is opened and press twice the canned icon, canned-component not opens
+- bug-fixed: bot images not resized
+- added: caching of canned responses per project
+- aded: loader in canned-component
+
+### 3.0.76-rc.3
+- bug-fixed: image-preview when agent click on image, don't fit the screen size
+- added: network-connection component to manage no connections
+- removed: no connection item in conversation-list page
 
 ### 3.0.76-rc.2
 - added: canned component to manage canned responses

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@chat21/chat21-ionic",
     "author": "Tiledesk SRL",
-    "version": "3.0.76-rc.2",
+    "version": "3.0.76-rc.4",
     "license": "MIT License",
     "homepage": "https://tiledesk.com/",
     "repository": {

package/src/app/app.component.html

@@ -3,6 +3,8 @@
 
     <app-image-viewer></app-image-viewer>
 
+    <app-network-offline></app-network-offline>
+
     <div class="sidebar" [ngClass]="{'hide-sidebar': IS_ONLINE === false || IS_ON_MOBILE_DEVICE === true || SUPPORT_MODE === false}">
       <app-sidebar></app-sidebar>
     </div>

package/src/app/components/canned-response/canned-response.component.html

@@ -1,5 +1,5 @@
-<div id="canned">
-  <ion-list class="canned-list" *ngIf="tagsCannedFilter.length > 0">
+<div>
+  <div class="canned-list" *ngIf="tagsCannedFilter.length > 0">
     <ion-item button="true" [ngClass]="{'is_active_item': i == arrowkeyLocation}" lines="none"
       class="canned-item no-ripple border" id="{{'canned-item_'+ i }}"
       *ngFor="let canned of tagsCannedFilter; let i = index;"
@@ -17,10 +17,17 @@
       <span class="add-canned-response-add-icon">+</span>
      <label class="add-canned-response-label" >{{translationMap?.get('AddNewCannedResponse')}}</label> 
     </ion-item>
-  </ion-list>
-  <!-- <ion-list class="canned-list" *ngIf="tagsCannedFilter.length === 0 && HIDE_CANNED_RESPONSES === false">
-    <ion-item button="true" >
-      There are no canned responses available
-    </ion-item>
-  </ion-list> -->
+  </div>
+  <!--  -->
+  <div  class="loader" *ngIf="tagsCannedFilter.length === 0">
+    <div class="box">
+      <div class="container">
+        <span class="circle"></span>
+        <span class="circle"></span>
+        <span class="circle"></span>
+        <span class="circle"></span>
+      </div>
+      <div class="label">{{translationMap.get('LABEL_LOADING')}}</div>
+    </div>
+  </div>
 </div>

package/src/app/components/canned-response/canned-response.component.scss

@@ -72,6 +72,24 @@
     // list-style: none;
     z-index: 999999;
 
+    &::-webkit-scrollbar {
+        width: 6px;
+        height: 8px;
+    }
+    
+    &::-webkit-scrollbar-track {
+        background: #f9f9f9;
+    }
+
+    &::-webkit-scrollbar-thumb {
+        background-color: #b9b9b9;
+        border-radius: 0px;
+    }
+
+    &::-webkit-scrollbar-thumb:hover {
+      background-color: #727272;
+    }
+
     .cannedContent{
         width: 100%;
     }
@@ -138,4 +156,69 @@ ion-item {
     .no-canned-available-text:hover {
         text-decoration: underline;
     }
+}
+
+
+.loader {
+    height: 310px;
+
+    .box{
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        position: absolute;
+    }
+
+    .container{
+        height: 15px;
+        width: 105px;
+        display: flex;
+        position: relative;
+
+        .circle{
+            width: 15px;
+            height: 15px;
+            border-radius: 50%;
+            background-color: #1877f2;
+            animation: move 500ms linear 0ms infinite;
+            margin-right: 30px;
+            
+            &:first-child{
+            position: absolute;
+            top:0;
+            left:0;
+            animation: grow 500ms linear 0ms infinite;
+            }
+            
+            &:last-child{
+            position: absolute;
+            top: 0;
+            right: 0;
+            margin-right: 0;
+            animation: grow 500ms linear 0s infinite reverse;
+            }
+        }
+    }
+
+    .label{
+        text-align: center;
+        margin-top: 10px;
+        animation: blinker 1s linear infinite;
+    }
+      
+    @keyframes grow {
+        from {transform: scale(0,0); opacity: 0;}
+        to {transform: scale(1,1); opacity: 1;}
+    }
+    
+    @keyframes move {
+        from {transform: translateX(0px)}
+        to {transform: translateX(45px)}
+    }
+
+    @keyframes blinker {
+        50% {
+          opacity: 0;
+        }
+      }
 }

package/src/app/components/canned-response/canned-response.component.ts

@@ -1,3 +1,4 @@
+import { AppStorageService } from 'src/chat21-core/providers/abstract/app-storage.service';
 import { Component, Input, OnInit, SimpleChange, ElementRef, Output, EventEmitter, HostListener } from '@angular/core';
 import { CreateCannedResponsePage } from 'src/app/pages/create-canned-response/create-canned-response.page';
 import { CannedResponsesService } from 'src/app/services/canned-responses/canned-responses.service';
@@ -24,6 +25,7 @@ export class CannedResponseComponent implements OnInit {
   @Output() onClickCanned = new EventEmitter<any>();
   @Output() onClickAddCannedResponse = new EventEmitter();
   public loggedUser: UserModel
+  public projectID: string;
   
   public tagsCanned: any = []
   public tagsCannedCount: number
@@ -36,6 +38,7 @@ export class CannedResponseComponent implements OnInit {
     public tiledeskAuthService: TiledeskAuthService,
     public tiledeskService: TiledeskService,
     public cannedResponsesService: CannedResponsesService,
+    public appStorageService: AppStorageService,
     public el: ElementRef
   ) { }
 
@@ -45,31 +48,49 @@ export class CannedResponseComponent implements OnInit {
 
   ngOnChanges(changes: SimpleChange){
     this.logger.debug('[CANNED] - loadTagsCanned strSearch ', this.currentString)
+    if(changes && changes['conversationWith'] && (changes['conversationWith'].previousValue !== changes['conversationWith'].currentValue)){
+      this.projectID = this.getProjectIdSelectedConversation(this.conversationWith)
+      this.loadStoredCanned(this.projectID)
+    }
     if(this.currentString !== undefined){
       this.loadTagsCanned(this.currentString, this.conversationWith)
     }
   }
 
-  // ----------------------------------------------------------
-  // @ CANNED RESPONSES methods
-  // ----------------------------------------------------------
-  loadTagsCanned(strSearch, conversationWith) {
-    this.logger.log('[CANNED] - loadTagsCanned strSearch ', strSearch)
-    this.logger.log('[CANNED] - loadTagsCanned conversationWith ', conversationWith)
-
+  getProjectIdSelectedConversation(conversationWith: string): string{
     const conversationWith_segments = conversationWith.split('-')
     // Removes the last element of the array if is = to the separator
     if (conversationWith_segments[conversationWith_segments.length - 1] === '') {
       conversationWith_segments.pop()
     }
 
-    this.logger.log('[CANNED] - loadTagsCanned conversationWith_segments ', conversationWith_segments)
+    this.logger.log('[CANNED] - getProjectIdSelectedConversation conversationWith_segments ', conversationWith_segments)
     let projectId = ''
-
     if (conversationWith_segments.length === 4) {
       projectId = conversationWith_segments[2]
-      this.logger.log('[CANNED] - loadTagsCanned projectId ', projectId)
-      this.getAndShowCannedResponses(strSearch, projectId)
+      this.logger.log('[CANNED] - getProjectIdSelectedConversation projectId ', projectId)
+    }
+    return projectId
+  }
+
+
+  loadStoredCanned(projectId){
+    let storedCanned = this.appStorageService.getItem(projectId+'_canned')
+    if(storedCanned){
+      this.tagsCannedFilter = JSON.parse(storedCanned)
+    }
+  }
+
+  // ----------------------------------------------------------
+  // @ CANNED RESPONSES methods
+  // ----------------------------------------------------------
+  loadTagsCanned(strSearch, conversationWith) {
+    this.logger.log('[CANNED] - loadTagsCanned strSearch ', strSearch)
+    this.logger.log('[CANNED] - loadTagsCanned conversationWith ', conversationWith)
+
+    if (this.projectID) {
+      this.logger.log('[CANNED] - loadTagsCanned projectId ', this.projectID)
+      this.getAndShowCannedResponses(strSearch, this.projectID)
     } else {
       this.getProjectIdByConversationWith(strSearch, this.conversationWith)
     }
@@ -165,6 +186,7 @@ export class CannedResponseComponent implements OnInit {
       // }
       this.tagsCannedFilter.push(nocanned)
     }
+    this.appStorageService.setItem(this.projectID+'_canned', JSON.stringify(this.tagsCannedFilter))
     this.onLoadedCannedResponses.emit(this.tagsCannedFilter)
   }
 

package/src/app/components/image-viewer/image-viewer.component.html

@@ -1,22 +1,28 @@
 <div id="image-viewer-modal" class="modal">
 
-  <!-- The Close Button -->
-  <span class="close" (click)="closeImageViewerModal()">
-    <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
-      <path d="M0 0h24v24H0z" fill="none" />
-      <path
-        d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" />
-    </svg>
-  </span>
-  <span class="download-image" (click)="downloadImage()">
-    <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
-      <path d="M0 0h24v24H0z" fill="none" />
-      <path
-        d="M19 12v7H5v-7H3v7c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7h-2zm-6 .67l2.59-2.58L17 11.5l-5 5-5-5 1.41-1.41L11 12.67V3h2z" />
-    </svg>
-  </span>
+  <div class="modal-header">
+    <!-- The Close Button -->
+    <span class="button" (click)="closeImageViewerModal()">
+      <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
+        <path d="M0 0h24v24H0z" fill="none" />
+        <path
+          d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" />
+      </svg>
+    </span>
+    <!-- The Download Button -->
+    <span class="button" (click)="downloadImage()">
+      <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
+        <path d="M0 0h24v24H0z" fill="none" />
+        <path
+          d="M19 12v7H5v-7H3v7c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7h-2zm-6 .67l2.59-2.58L17 11.5l-5 5-5-5 1.41-1.41L11 12.67V3h2z" />
+      </svg>
+    </span>
+  </div>
+
   <!-- Modal Content (The Image) [src]="metadata.src"-->
-  <img class="modal-content" id="image-viewer-img">
+  <div class="modal-content">
+    <img id="image-viewer-img">
+  </div>
 
   <!-- Modal Caption (Image Text) -->
   <div id="caption"></div>

package/src/app/components/image-viewer/image-viewer.component.scss

@@ -3,7 +3,7 @@
     display: none; /* Hidden by default */
     position: fixed; /* Stay in place */
     z-index: 1050; /* Sit on top */
-    padding-top: 100px; /* Location of the box */
+    // padding-top: 100px; /* Location of the box */
     left: 0;
     top: 0;
     width: 100%; /* Full width */
@@ -13,13 +13,48 @@
     background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
   }
   
+.modal-header{
+  display: flex;
+  justify-content: flex-start;
+  flex-direction: row-reverse;
+  margin: 20px;
+
+  /* The Close Button */
+  .button{
+    transition: 0.3s;
+    border-radius: 50px;
+    padding:7px 8.5px
+  }
+
+  svg {
+    background-color: transparent;
+    fill: rgba(255,255,255,.5);
+  }
+
+  .button:hover,
+  .button:focus {
+    // color: #bbb;
+    background-color: rgba(255,255,255,.3);
+    text-decoration: none;
+    cursor: pointer;
+    svg {
+        fill: rgba(255,255,255, 1);
+    }
+  }
+
+}
   /* Modal Content (Image) */
   .modal-content {
     margin: auto;
     display: block;
-    // width: 80%;
-    // max-width: 700px;
     padding: 0px 5px;
+    height: 82%;
+
+    img {
+      height: 100%;
+      width: 100%;
+      object-fit: scale-down;
+    }
   }
   
   /* Caption of Modal Image (Image Text) - Same Width as the Image */
@@ -31,7 +66,7 @@
     text-align: center;
     color: #ccc;
     padding: 10px 0;
-    height: 150px;
+    // height: 150px;
   }
   
   /* Add Animation - Zoom in the Modal */
@@ -45,59 +80,8 @@
     to {transform:scale(1)}
   }
   
-  /* The Close Button */
-  .close {
-    position: absolute;
-    top: 15px;
-    right: 35px;
-    // color: #f1f1f1;
-    // font-size: 40px;
-    // font-weight: bold;
-    transition: 0.3s;
-    border-radius: 50px;
-    padding:7px 8.5px
-  }
-
-  .close svg {
-    background-color: transparent;
-    fill: rgba(255,255,255,.5);
-  }
-
-  .close:hover,
-  .close:focus {
-    // color: #bbb;
-    background-color: rgba(255,255,255,.3);
-    text-decoration: none;
-    cursor: pointer;
-    svg {
-        fill: rgba(255,255,255, 1);
-    }
-  }
-
-  .download-image {
-    position: absolute;
-    top: 15px;
-    right: 78px;
-    transition: 0.3s;
-    border-radius: 50px;
-    padding:7px 8.5px
-  }
-
-  .download-image svg {
-    background-color: transparent;
-    fill: rgba(255,255,255,.5);
-  }
+  
 
-  .download-image:hover,
-  .download-image:focus {
-   
-    background-color: rgba(255,255,255,.3);
-    text-decoration: none;
-    cursor: pointer;
-    svg {
-        fill: rgba(255,255,255, 1);
-    }
-  }
   
   /* 100% Image Width on Smaller Screens */
   @media only screen and (max-width: 700px){

package/src/app/components/network-offline/network-offline.component.html

@@ -0,0 +1,5 @@
+<div id="alert-container" *ngIf="!isOnline">
+  <div class="alert-content">
+    {{translationsMap.get('ALERT_NO_CONNECTION')}}
+  </div>
+</div>

package/src/app/components/network-offline/network-offline.component.scss

@@ -0,0 +1,30 @@
+#alert-container{
+    // z-index: 1051;
+    // position: fixed;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    z-index: 1051;
+    min-width: 1200px;
+}
+
+
+.alert-content{
+    position: absolute;
+    color: rgb(8, 15, 26);
+    z-index: 999999;
+    top: 0px;
+    left: 50%;
+    background: rgb(255, 194, 97);
+    text-align: center;
+    transition: all 0.15s ease-in-out 0s;
+    font-size: 14px;
+    line-height: 18px;
+    // letter-spacing: -0.01em;
+    border-bottom-right-radius: 3px;
+    border-bottom-left-radius: 3px;
+    box-shadow: rgba(0, 27, 71, .24) 0px 1px 3px;
+    padding: 7px 20px;
+    transform: translate3d(-50%, 0px, 0px);
+    opacity: 1;
+}

package/src/app/components/network-offline/network-offline.component.spec.ts

@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+
+import { NetworkOfflineComponent } from './network-offline.component';
+
+describe('NetworkOfflineComponent', () => {
+  let component: NetworkOfflineComponent;
+  let fixture: ComponentFixture<NetworkOfflineComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ NetworkOfflineComponent ],
+      imports: [IonicModule.forRoot()]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(NetworkOfflineComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/app/components/network-offline/network-offline.component.ts

@@ -0,0 +1,43 @@
+import { LoggerInstance } from './../../../chat21-core/providers/logger/loggerInstance';
+import { LoggerService } from 'src/chat21-core/providers/abstract/logger.service';
+import { NetworkService } from './../../services/network-service/network.service';
+import { Component, OnInit } from '@angular/core';
+import { CustomTranslateService } from 'src/chat21-core/providers/custom-translate.service';
+
+@Component({
+  selector: 'app-network-offline',
+  templateUrl: './network-offline.component.html',
+  styleUrls: ['./network-offline.component.scss'],
+})
+export class NetworkOfflineComponent implements OnInit {
+
+  public isOnline: boolean = true;
+  public translationsMap: Map<string, string>;
+
+  private logger: LoggerService = LoggerInstance.getInstance();
+
+  constructor(
+    private networkService: NetworkService,
+    public translateService: CustomTranslateService,
+  ) { }
+
+  ngOnInit() {
+    
+    this.watchToConnectionStatus();
+  }
+
+  watchToConnectionStatus(){
+    this.networkService.checkInternetFunc().subscribe((isOnline) => {
+      // this.checkInternet = isOnline
+      this.setTranlastions();
+      this.logger.log('[NETWORK_CONN-COMP] - watchToConnectionStatus - isOnline', isOnline)
+      this.isOnline = isOnline
+    })
+  }
+
+  setTranlastions(){
+    let keys= ['ALERT_NO_CONNECTION']
+    this.translationsMap =this.translateService.translateLanguage(keys)
+  }
+
+}

package/src/app/pages/conversation-detail/conversation-detail.page.ts

@@ -235,7 +235,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
   // @ Lifehooks
   // -----------------------------------------------------------
   ngOnInit() {
-    // this.logger.log('[CONVS-DETAIL] > ngOnInit - window.location: ', window.location);
+    this.logger.log('[CONVS-DETAIL] > ngOnInit - window.location: ', window.location);
     // this.logger.log('[CONVS-DETAIL] > ngOnInit - fileUploadAccept: ', this.appConfigProvider.getConfig().fileUploadAccept);
     // const accept_files = this.appConfigProvider.getConfig().fileUploadAccept;
     // this.logger.log('[CONVS-DETAIL] > ngOnInit - fileUploadAccept typeof accept_files ', typeof accept_files);
@@ -256,6 +256,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
     this.getOSCODE();
     this.getStoredProjectAndUserRole();
     this.listenToDsbrdPostMsgs();
+    
   }
 
   listenToDsbrdPostMsgs() {
@@ -613,14 +614,12 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
       'YES_CANNED_RESPONSES',
       'THERE_ARE_NO_CANNED_RESPONSES_AVAILABLE',
       'TO_CREATE_THEM_GO_TO_THE_PROJECT',
-      "AddNewCannedResponse"
+      "AddNewCannedResponse",
+      "LABEL_LOADING"
     ]
 
     this.translationMap = this.customTranslateService.translateLanguage(keys)
-    this.logger.log(
-      '[CONVS-DETAIL] x this.translationMap ',
-      this.translationMap,
-    )
+    this.logger.log('[CONVS-DETAIL] x this.translationMap ',this.translationMap)
   }
 
   // --------------------------------------------------------
@@ -637,6 +636,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
       'INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU',
       'INFO_SUPPORT_LEAD_UPDATED',
       'INFO_SUPPORT_MEMBER_LEFT_GROUP',
+      'INFO_SUPPORT_MEMBER_ABANDONED_GROUP',
       'LABEL_TODAY',
       'LABEL_TOMORROW',
       'LABEL_LAST_ACCESS',
@@ -1304,19 +1304,23 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
 
   onClickOpenCannedResponses($event) {
     this.logger.log('[CONVS-DETAIL] - onClickOpenCannedResponses ', $event)
-    const elTextArea = this.rowTextArea['el']
-    const textArea = elTextArea.getElementsByTagName('ion-textarea')[0]
-    if($event && elTextArea){
-      this.logger.log('[CONVS-DETAIL] onClickOpenCannedResponses  textArea ', textArea)
-      // console.log("[CONVS-DETAIL] onClickOpenCannedResponses  textArea value", textArea.value)
-      var lastChar = textArea.value[textArea.value.length - 1]
-      // console.log('[CONVS-DETAIL] onClickOpenCannedResponses lastChar', lastChar)
-      if (lastChar !== '/') {
-        this.insertAtCursor(textArea, '/')
+    this.HIDE_CANNED_RESPONSES = !this.HIDE_CANNED_RESPONSES
+
+    //HIDE_CANNED_RESPONSES: true --> not show CANNED component
+    //HIDE_CANNED_RESPONSES: false --> show CANNED component and place '/' char in textarea
+    if(!this.HIDE_CANNED_RESPONSES){
+      const elTextArea = this.rowTextArea['el']
+      const textArea = elTextArea.getElementsByTagName('ion-textarea')[0]
+      if($event && elTextArea){
+        this.logger.log('[CONVS-DETAIL] onClickOpenCannedResponses  textArea ', textArea)
+        // console.log("[CONVS-DETAIL] onClickOpenCannedResponses  textArea value", textArea.value)
+        var lastChar = textArea.value[textArea.value.length - 1]
+        // console.log('[CONVS-DETAIL] onClickOpenCannedResponses lastChar', lastChar)
+        if (lastChar !== '/') {
+          this.insertAtCursor(textArea, '/')
+        }
+        this.setCaretPosition(textArea)
       }
-      this.setCaretPosition(textArea)
-    }else{
-      this.HIDE_CANNED_RESPONSES = true
     }
   }
 

package/src/app/pages/conversations-list/conversations-list.page.html

@@ -21,29 +21,6 @@
   <div id="scrollbar2">
     <ion-list>
 
-                   <!-- -------------------------------------------------------------------------- -->
-        <!-- New   <ion-spinner class="spinner-middle" style="margin-left: 19px;"></ion-spinner> -->
-        <!-- -------------------------------------------------------------------------- -->
-        <ion-item *ngIf="isOnline === false" style="padding-left:0px!important ;padding-right:0px!important" button="true" lines="none" class="ion-no-padding waiting-for-connection">
-          <div tabindex="0"></div>
-          <ion-avatar item-start>
-            <div class="sk-fading-circle">
-              <div class="sk-circle1 sk-circle"></div>
-              <div class="sk-circle2 sk-circle"></div>
-              <div class="sk-circle3 sk-circle"></div>
-              <div class="sk-circle4 sk-circle"></div>
-              <div class="sk-circle5 sk-circle"></div>
-              <div class="sk-circle6 sk-circle"></div>
-              <div class="sk-circle7 sk-circle"></div>
-              <div class="sk-circle8 sk-circle"></div>
-              <div class="sk-circle9 sk-circle"></div>
-              <div class="sk-circle10 sk-circle"></div>
-              <div class="sk-circle11 sk-circle"></div>
-              <div class="sk-circle12 sk-circle"></div>
-            </div>
-          </ion-avatar>
-          <ion-label part="message-text" class="waiting-for-network-msg"> Waiting for network</ion-label>
-        </ion-item>
         <!-- supportMode && -->
         <ion-item  *ngIf="displayNewConvsItem && conversationType !=='archived' && supportMode" class="ion-no-padding open-iframe-item">
           <div tabindex="0"></div>

package/src/app/pages/conversations-list/conversations-list.page.ts

@@ -88,9 +88,6 @@ export class ConversationListPage implements OnInit {
   public IFRAME_URL: any
   public hasClickedOpenUnservedConvIframe: boolean = false
   public lastProjectId: string
-  public isOnline: boolean = true
-  public checkInternet: boolean
-
   public displayNewConvsItem: boolean = true
   public archiveActionNotAllowed: boolean = false
 
@@ -172,7 +169,6 @@ export class ConversationListPage implements OnInit {
   // @ Lifehooks
   // -----------------------------------------------
   ngOnInit() {
-    this.watchToConnectionStatus()
     this.getAppConfigToHideDiplayBtns()
     
   }
@@ -219,20 +215,6 @@ export class ConversationListPage implements OnInit {
 
   }
 
-  watchToConnectionStatus() {
-    this.networkService.checkInternetFunc().subscribe((isOnline) => {
-      this.checkInternet = isOnline
-      this.logger.log('[ION-LIST-CONVS-COMP] - watchToConnectionStatus - isOnline', this.checkInternet)
-
-      // checking internet connection
-      if (this.checkInternet == true) {
-        this.isOnline = true
-      } else {
-        this.isOnline = false
-      }
-    })
-  }
-
   ionViewWillEnter() {
     this.logger.log('Called ionViewDidEnter')
     this.logger.log('[CONVS-LIST-PAGE] ionViewWillEnter uidConvSelected',this.uidConvSelected )
@@ -771,9 +753,9 @@ export class ConversationListPage implements OnInit {
       }
     }
 
-    if(conversation.conversation_with_fullname === 'Guest '){
-      conversation.conversation_with_fullname = 'guest' + '#' + this.getUUidConversation(conversation.uid)
-    }
+    // if(conversation.conversation_with_fullname === 'Guest '){
+    //   conversation.conversation_with_fullname = 'guest' + '#' + this.getUUidConversation(conversation.uid)
+    // }
 
   }
 

package/src/app/shared/shared.module.ts

@@ -1,3 +1,4 @@
+import { NetworkOfflineComponent } from './../components/network-offline/network-offline.component';
 import { ContactsDirectoryComponent } from './../components/contacts-directory/contacts-directory.component';
 import { HtmlComponent } from './../chatlib/conversation-detail/message/html/html.component';
 import { BubbleOthersMessageComponent } from './../components/conversation-detail/bubble-others-message/bubble-others-message.component';
@@ -93,6 +94,7 @@ import { SafeHtmlPipe } from '../directives/safe-html.pipe';
     HtmlEntitiesEncodePipe,
     SafeHtmlPipe,
     OptionHeaderComponent,
+    NetworkOfflineComponent
   ],
   exports: [
     // MessageTextAreaComponent,
@@ -127,8 +129,8 @@ import { SafeHtmlPipe } from '../directives/safe-html.pipe';
     InfoSupportGroupComponent,
     InfoDirectComponent,
     InfoGroupComponent,
-
-    OptionHeaderComponent
+    OptionHeaderComponent,
+    NetworkOfflineComponent
 
   ],
   imports: [

package/src/assets/i18n/ar.json

@@ -67,6 +67,7 @@
         "INFO_SUPPORT_CHAT_CLOSED": "الدردشة مغلقة",
         "INFO_SUPPORT_LEAD_UPDATED":"تحديث الرصاص",
         "INFO_SUPPORT_MEMBER_LEFT_GROUP":"تمت إزالته من المجموعة",
+        "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"أنطونيو ترك المحادثة",
         "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "تم تعيين طلب دعم جديد لك",
         "LABEL_PROFILE": "الملف الشخصي",
         "LABEL_CLOSE": "مغلق",
@@ -98,6 +99,7 @@
         "LABEL_CLOSED": "مغلق",
         "LABEL_INFO": "معلومات",
         "ALERT_NOTIFICATION": "تحذير: إرسال الإخطارات معطل ، يغير إعدادات المتصفح للسماح بإرسال الإشعارات.",
+        "ALERT_NO_CONNECTION":"اعتذارنا. حدثت مشكلة في الاتصال بالشبكة",
         "LABEL_EXTERNAL_ID": "معرف خارجي",
         "LABEL_IAT": "إيات",
         "LABEL_REQUEST_DETAIL": "طلب التفاصيل",

package/src/assets/i18n/az.json

@@ -67,6 +67,7 @@
     "INFO_SUPPORT_CHAT_CLOSED": "Çat bağlandı",
     "INFO_SUPPORT_LEAD_UPDATED":"Rəqəm yeniləndi",
     "INFO_SUPPORT_MEMBER_LEFT_GROUP":"qrupdan çıxarıldı",
+    "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"söhbəti tərk etdi",
     "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "Sizə yeni dəstək sorğusu təyin edilib",
     "LABEL_PROFILE": "Profil",
     "LABEL_CLOSE": "Bağlı",
@@ -98,6 +99,7 @@
     "LABEL_CLOSED": "Bağlı",
     "LABEL_INFO": "Məlumatlar",
     "ALERT_NOTIFICATION": "Xəbərdarlıq: bildirişlərin göndərilməsi deaktiv edilib, bildirişlərin göndərilməsinə icazə vermək üçün brauzer parametrlərini dəyişir.",
+    "ALERT_NO_CONNECTION":"Üzr istəyirik. Şəbəkəyə qoşulma zamanı problem yarandı",
     "LABEL_EXTERNAL_ID": "Xarici İd",
     "LABEL_IAT": "İt",
     "LABEL_REQUEST_DETAIL": "Təfərrüat tələb edin",

package/src/assets/i18n/de.json

@@ -67,6 +67,7 @@
   "INFO_SUPPORT_CHAT_CLOSED": "Chat geschlossen",
   "INFO_SUPPORT_LEAD_UPDATED":"Leitung aktualisiert",
   "INFO_SUPPORT_MEMBER_LEFT_GROUP":"aus der Gruppe entfernt",
+  "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"verließ das Gespräch",
   "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "Ihnen wurde eine neue Support-Anfrage zugewiesen",
   "LABEL_PROFILE": "Profil",
   "LABEL_CLOSE": "Abgeschlossen",
@@ -98,6 +99,7 @@
   "LABEL_CLOSED": "Abgeschlossen",
   "LABEL_INFO": "Informationen",
   "ALERT_NOTIFICATION": "Warnung: Das Senden von Benachrichtigungen ist deaktiviert, ändert die Browsereinstellungen, um das Senden von Benachrichtigungen zuzulassen.",
+  "ALERT_NO_CONNECTION": "Wir entschuldigen uns. Beim Verbinden mit dem Netzwerk ist ein Problem aufgetreten",
   "LABEL_EXTERNAL_ID": "Externe ID",
   "LABEL_IAT": "Iat",
   "LABEL_REQUEST_DETAIL": "Einzelheiten anfordern",

package/src/assets/i18n/en.json

@@ -67,6 +67,7 @@
   "INFO_SUPPORT_CHAT_CLOSED": "Chat closed",
   "INFO_SUPPORT_LEAD_UPDATED":"Lead updated",
   "INFO_SUPPORT_MEMBER_LEFT_GROUP":"removed from group",
+  "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"has left the conversations",
   "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "A new support request has been assigned to you",
   "LABEL_PROFILE": "Profile",
   "LABEL_CLOSE": "Closed",
@@ -98,6 +99,7 @@
   "LABEL_CLOSED": "Closed",
   "LABEL_INFO": "Informations",
   "ALERT_NOTIFICATION": "Warning: sending notifications is disabled, changes the browser settings to allow sending notifications.",
+  "ALERT_NO_CONNECTION":"Our apologies. There was some trouble connecting to network",
   "LABEL_EXTERNAL_ID": "External Id",
   "LABEL_IAT": "Iat",
   "LABEL_REQUEST_DETAIL": "Request detail",

package/src/assets/i18n/es.json

@@ -67,6 +67,7 @@
   "INFO_SUPPORT_CHAT_CLOSED": "Chat cerrado",
   "INFO_SUPPORT_LEAD_UPDATED":"Cliente potencial actualizado",
   "INFO_SUPPORT_MEMBER_LEFT_GROUP":"eliminado del grupo",
+  "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"abandonó la conversación",
   "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU":"Se le ha asignado una nueva solicitud de soporte",
   "LABEL_PROFILE": "Perfil",
   "LABEL_CLOSE": "Cerrado",
@@ -98,6 +99,7 @@
   "LABEL_CLOSED": "Cerrado",
   "LABEL_INFO": "Informaciones",
   "ALERT_NOTIFICATION": "Advertencia: el envío de notificaciones está desactivado, cambia la configuración del navegador para permitir el envío de notificaciones.",
+  "ALERT_NO_CONNECTION":"Nuestras disculpas. Hubo algunos problemas para conectarse a la red",
   "LABEL_EXTERNAL_ID": "Id Externo",
   "LABEL_IAT": "Iat",
   "LABEL_REQUEST_DETAIL": "Detalle de la solicitud",

package/src/assets/i18n/fr.json

@@ -67,6 +67,7 @@
   "INFO_SUPPORT_CHAT_CLOSED": "Chat fermé",
   "INFO_SUPPORT_LEAD_UPDATED":"Prospect mis à jour",
   "INFO_SUPPORT_MEMBER_LEFT_GROUP":"supprimé du groupe",
+  "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"a quitté la conversation",
   "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "Une nouvelle demande de support vous a été attribuée",
   "LABEL_PROFILE": "Profil",
   "LABEL_CLOSE": "Fermé",
@@ -98,6 +99,7 @@
   "LABEL_CLOSED": "Fermé",
   "LABEL_INFO": "Informations",
   "ALERT_NOTIFICATION": "Attention : l'envoi de notifications est désactivé, modifie les paramètres du navigateur pour autoriser l'envoi de notifications.",
+  "ALERT_NO_CONNECTION":"Nos excuses. Il y a eu des problèmes de connexion au réseau",
   "LABEL_EXTERNAL_ID": "Identifiant externe",
   "LABEL_IAT": "C'est",
   "LABEL_REQUEST_DETAIL": "Détail de la demande",

package/src/assets/i18n/it.json

@@ -67,6 +67,7 @@
     "INFO_SUPPORT_CHAT_CLOSED": "Chat chiusa",
     "INFO_SUPPORT_LEAD_UPDATED":"Contatto aggiornato",
     "INFO_SUPPORT_MEMBER_LEFT_GROUP":"rimosso dal gruppo",
+    "INFO_SUPPORT_MEMBER_ABANDONED_GROUP": "ha abbandonato la conversazione",
     "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU":"Una nuova richiesta di supporto è stata assegnata a te",
     "LABEL_PROFILE": "Profilo",
     "LABEL_CLOSE": "Chiusa",
@@ -98,6 +99,7 @@
     "LABEL_CLOSED": "Chiuse",
     "LABEL_INFO": "Informazioni",
     "ALERT_NOTIFICATION": "Attenzione: l'invio di notifiche è disabilitato, modifica le impostazioni del browser per consentire l'invio di notifiche.",
+    "ALERT_NO_CONNECTION":"Ci scusiamo. Si sono verificati problemi di connessione alla rete",
     "LABEL_EXTERNAL_ID": "External Id",
     "LABEL_IAT": "Iat",
     "LABEL_REQUEST_DETAIL": "Dettaglio richiesta",

package/src/assets/i18n/kk.json

@@ -67,6 +67,7 @@
     "INFO_SUPPORT_CHAT_CLOSED": "Чат жабылды",
     "INFO_SUPPORT_LEAD_UPDATED":"Жетекші жаңартылды",
     "INFO_SUPPORT_MEMBER_LEFT_GROUP":"топтан шығарылды",
+    "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"әңгімені тастап кетті",
     "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "Сізге жаңа қолдау сұрауы тағайындалды",
     "LABEL_PROFILE": "Профиль",
     "LABEL_CLOSE": "Жабық",
@@ -98,6 +99,7 @@
     "LABEL_CLOSED": "Жабық",
     "LABEL_INFO": "Ақпарат",
     "ALERT_NOTIFICATION": "Ескерту: хабарландыруларды жіберу өшірілген, хабарландыруларды жіберуге рұқсат беру үшін шолғыш параметрлерін өзгертеді.",
+    "ALERT_NO_CONNECTION":"Кешірім сұраймыз. Желіге қосылуда ақау пайда болды",
     "LABEL_EXTERNAL_ID": "Сыртқы идентификатор",
     "LABEL_IAT": "Кеш",
     "LABEL_REQUEST_DETAIL": "Мәліметтерді сұрау",

package/src/assets/i18n/pt.json

@@ -67,6 +67,7 @@
   "INFO_SUPPORT_CHAT_CLOSED": "Bate-papo fechado",
   "INFO_SUPPORT_LEAD_UPDATED":"Lead atualizado",
   "INFO_SUPPORT_MEMBER_LEFT_GROUP":"removido do grupo",
+  "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"saiu da conversa",
   "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "Uma nova solicitação de suporte foi atribuída a você",
   "LABEL_PROFILE": "Perfil",
   "LABEL_CLOSE": "Fechadas",
@@ -98,6 +99,7 @@
   "LABEL_CLOSED": "Fechadas",
   "LABEL_INFO": "Informações",
   "ALERT_NOTIFICATION": "Atenção: o envio de notificações está desabilitado, altera as configurações do navegador para permitir o envio de notificações.",
+  "ALERT_NO_CONNECTION": "Nossas desculpas. Ocorreu um problema de conexão à rede",
   "LABEL_EXTERNAL_ID": "ID externo",
   "LABEL_IAT": "Iat",
   "LABEL_REQUEST_DETAIL": "Detalhes da solicitação",

package/src/assets/i18n/ru.json

@@ -67,6 +67,7 @@
   "INFO_SUPPORT_CHAT_CLOSED": "Чат закрыт",
   "INFO_SUPPORT_LEAD_UPDATED":"Интерес обновлен",
   "INFO_SUPPORT_MEMBER_LEFT_GROUP":"удален из группы",
+  "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"вышел из беседы",
   "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "Вам назначен новый запрос в службу поддержки",
   "LABEL_PROFILE": "Профиль",
   "LABEL_CLOSE": "Закрыто",
@@ -98,6 +99,7 @@
   "LABEL_CLOSED": "Закрыто",
   "LABEL_INFO": "Информация",
   "ALERT_NOTIFICATION": "Внимание: отправка уведомлений отключена, измените настройки браузера, чтобы разрешить отправку уведомлений.",
+  "ALERT_NO_CONNECTION":"Наши извинения. Возникли проблемы с подключением к сети",
   "LABEL_EXTERNAL_ID": "Внешний идентификатор",
   "LABEL_IAT": "Иат",
   "LABEL_REQUEST_DETAIL": "Подробности запроса",

package/src/assets/i18n/sr.json

@@ -67,6 +67,7 @@
         "INFO_SUPPORT_CHAT_CLOSED": "Ћаскање је затворено",
         "INFO_SUPPORT_LEAD_UPDATED":"Лид је ажуриран",
         "INFO_SUPPORT_MEMBER_LEFT_GROUP":"уклоњен из групе",
+        "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"је напустио разговор",
         "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "Додељен вам је нови захтев за подршку",
         "LABEL_PROFILE": "Профил",
         "LABEL_CLOSE": "Затворено",
@@ -98,6 +99,7 @@
         "LABEL_CLOSED": "Затворено",
         "LABEL_INFO": "Информације",
         "ALERT_NOTIFICATION": "Упозорење: слање обавештења је онемогућено, мења подешавања претраживача да би се омогућило слање обавештења.",
+        "ALERT_NO_CONNECTION":"Наше извињење. Дошло је до проблема при повезивању на мрежу",
         "LABEL_EXTERNAL_ID": "Спољашњи Ид",
         "LABEL_IAT": "Иат",
         "LABEL_REQUEST_DETAIL": "Захтевајте детаље",

package/src/assets/i18n/sv.json

@@ -67,6 +67,7 @@
     "INFO_SUPPORT_CHAT_CLOSED": "Chatten stängd",
     "INFO_SUPPORT_LEAD_UPDATED":"Lead uppdaterad",
     "INFO_SUPPORT_MEMBER_LEFT_GROUP":"borttagen från gruppen",
+    "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"lämnade samtalet",
     "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "En ny supportförfrågan har tilldelats dig",
     "LABEL_PROFILE": "Profil",
     "LABEL_CLOSE": "Stängd",
@@ -98,6 +99,7 @@
     "LABEL_CLOSED": "Stängd",
     "LABEL_INFO": "Information",
     "ALERT_NOTIFICATION": "Varning: att skicka aviseringar är inaktiverat, ändrar webbläsarinställningarna för att tillåta att skicka aviseringar.",
+    "ALERT_NO_CONNECTION":"Våra ursäkter. Det uppstod några problem med att ansluta till nätverket",
     "LABEL_EXTERNAL_ID": "Externt ID",
     "LABEL_IAT": "Jag på",
     "LABEL_REQUEST_DETAIL": "Begär detalj",

package/src/assets/i18n/tr.json

@@ -67,6 +67,7 @@
   "INFO_SUPPORT_CHAT_CLOSED": "sohbet kapatıldı",
   "INFO_SUPPORT_LEAD_UPDATED":"Potansiyel müşteri güncellendi",
   "INFO_SUPPORT_MEMBER_LEFT_GROUP":"gruptan kaldırıldı",
+  "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"konuşmayı bıraktı",
   "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "Size yeni bir destek talebi atandı",
   "LABEL_PROFILE": "Profil",
   "LABEL_CLOSE": "Kapalı",
@@ -98,6 +99,7 @@
   "LABEL_CLOSED": "Kapalı",
   "LABEL_INFO": "Bilgiler",
   "ALERT_NOTIFICATION": "Uyarı: bildirim gönderme devre dışıdır, tarayıcı ayarlarını bildirim göndermeye izin verecek şekilde değiştirir.",
+  "ALERT_NO_CONNECTION":"Özür dileriz. Ağa bağlanırken bazı sorunlar oluştu",
   "LABEL_EXTERNAL_ID": "Harici Kimlik",
   "LABEL_IAT": "Bende",
   "LABEL_REQUEST_DETAIL": "Detay iste",

package/src/assets/i18n/uk.json

@@ -67,6 +67,7 @@
     "INFO_SUPPORT_CHAT_CLOSED": "Чат закритий",
     "INFO_SUPPORT_LEAD_UPDATED":"Лід оновлено",
     "INFO_SUPPORT_MEMBER_LEFT_GROUP":"видалено з групи",
+    "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"залишив розмову",
     "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "Вам призначено новий запит на підтримку",
     "LABEL_PROFILE": "Профіль",
     "LABEL_CLOSE": "зачинено",
@@ -98,6 +99,7 @@
     "LABEL_CLOSED": "зачинено",
     "LABEL_INFO": "Інформація",
     "ALERT_NOTIFICATION": "Попередження: надсилання сповіщень вимкнено, змінює налаштування браузера, щоб дозволити надсилання сповіщень.",
+    "ALERT_NO_CONNECTION":"Наші вибачення. Виникли проблеми з підключенням до мережі",
     "LABEL_EXTERNAL_ID": "Зовнішній ідентифікатор",
     "LABEL_IAT": "Iat",
     "LABEL_REQUEST_DETAIL": "Деталі запиту",

package/src/assets/i18n/uz.json

@@ -68,6 +68,7 @@
     "INFO_SUPPORT_CHAT_CLOSED": "Chat yopildi",
     "INFO_SUPPORT_LEAD_UPDATED":"Etakchi yangilandi",
     "INFO_SUPPORT_MEMBER_LEFT_GROUP":"guruhdan olib tashlandi",
+    "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"suhbatni tark etdi",
     "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "Sizga yangi qoʻllab-quvvatlash soʻrovi tayinlandi",
     "LABEL_PROFILE": "Profil",
     "LABEL_CLOSE": "Yopiq",
@@ -99,6 +100,7 @@
     "LABEL_CLOSED": "Yopiq",
     "LABEL_INFO": "Ma'lumotlar",
     "ALERT_NOTIFICATION": "Ogohlantirish: bildirishnomalarni yuborish o'chirilgan, bildirishnomalarni yuborishga ruxsat berish uchun brauzer sozlamalarini o'zgartiradi.",
+    "ALERT_NO_CONNECTION":"Uzr so'raymiz. Tarmoqqa ulanishda muammo yuz berdi",
     "LABEL_EXTERNAL_ID": "Tashqi identifikator",
     "LABEL_IAT": "Kech",
     "LABEL_REQUEST_DETAIL": "Tafsilotlarni so'rash",

package/src/chat-config-mqtt-localhost.json

@@ -29,6 +29,6 @@
     "supportMode": true,
     "archivedButton": true,
     "writeToButton": true,
-    "wsUrl": "/ws/",
+    "wsUrl": "ws://localhost:8081/ws/",
     "showInfoMessage":"MEMBER_JOINED_GROUP,TOUCHING_OPERATOR"
 }

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

@@ -617,12 +617,12 @@ export class FirebaseConversationsHandler extends ConversationsHandlerService {
         let old_conv = this.conversations.find(conv => conv.uid === conversation.uid)
         let conversation_with_fullname = conversation.recipient_fullname
         if(old_conv){
-            if(conversation.recipient_fullname !== old_conv.recipient_fullname && (conversation.recipient_fullname !== 'Guest ')){
+            if(conversation.recipient_fullname !== old_conv.recipient_fullname && (conversation.recipient_fullname.indexOf('guest') === -1)){
                 conversation_with_fullname = conversation.recipient_fullname
             } else {
                 // conversation_with_fullname=  old_conv.recipient_fullname
                 conversation_with_fullname=  old_conv.conversation_with_fullname
-              } 
+            } 
         }
         return conversation_with_fullname
     }

package/src/global.scss

@@ -393,7 +393,7 @@ app-info-support-group {
 ion-conversation-detail {
     img {
         border-style: none;
-        max-width: 100% !important;
+        max-width: 300px !important;
     }
 }