@chat21/chat21-ionic 3.0.81-rc.1 → 3.0.81-rc.2

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # chat21-ionic ver 3.0
 
+### 3.0.81-rc.2
+- changed: canned loader
+- bug-fixed: if search for a string that not correspond with an existing canned, was shown loader ever
+
 ### 3.0.81-rc.1
 - added: remove bubble-message background if is image or iframe and no text is in message
 - added: new sound if unassigned request arrive

package/angular.json

@@ -24,6 +24,7 @@
               "src/chat-config-mqtt.json",
               "src/chat-config-pre-test.json",
               "src/chat-config-mqtt-localhost.json",
+              "src/chat-config-native-mqtt.json",
               "src/firebase-messaging-sw.js",
               "src/manifest.json",
               {

package/package.json

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

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

@@ -18,15 +18,16 @@
      <label class="add-canned-response-label" >{{translationMap?.get('AddNewCannedResponse')}}</label> 
     </ion-item>
   </div>
-  <!--  -->
-  <div  class="loader" *ngIf="tagsCannedFilter.length === 0">
+  <!-- LOADER -->
+  <div class="loader" *ngIf="tagsCannedFilter.length === 0">
     <div class="box">
-      <div class="container">
+      <!-- <div class="container">
         <span class="circle" [ngStyle]="{'background-color': stylesMap?.get('themeColor')}"></span>
         <span class="circle" [ngStyle]="{'background-color': stylesMap?.get('themeColor')}"></span>
         <span class="circle" [ngStyle]="{'background-color': stylesMap?.get('themeColor')}"></span>
         <span class="circle" [ngStyle]="{'background-color': stylesMap?.get('themeColor')}"></span>
-      </div>
+      </div> -->
+      <div class="spinner" [ngStyle]="{'border-top-color': stylesMap?.get('themeColor')}"></div>
       <div class="label">{{translationMap.get('LABEL_LOADING')}}</div>
     </div>
   </div>

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

@@ -204,6 +204,22 @@ ion-item {
             animation: grow 500ms linear 0s infinite reverse;
             }
         }
+
+    }
+
+    .spinner {
+        margin: auto;
+        border: 8px solid #EAF0F6;
+        border-radius: 50%;
+        border-top: 8px solid var(--basic-blue);
+        width: 50px;
+        height: 50px;
+        animation: spinner 1s linear infinite;
+    }
+    
+    @keyframes spinner {
+        0% { transform: rotate(0deg); }
+        100% { transform: rotate(360deg); }
     }
 
     .label{

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

@@ -163,7 +163,7 @@ export class CannedResponseComponent implements OnInit {
       canned.text = this.replacePlaceholderInCanned(canned.text);
       canned.disabled = true
     });
-    if (this.tagsCannedCount === 0) {
+    if (this.tagsCannedFilter && this.tagsCannedFilter.length === 0) {
       // const button = this.renderer.createElement('button');
       // const buttonText = this.renderer.createText('Click me');
       // this.renderer.appendChild(button, buttonText);

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

@@ -720,14 +720,10 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
       this.logger.log('[CONVS-DETAIL] - initConversationHandler (else) - this.messages: ', this.messages)
       this.logger.log('[CONVS-DETAIL] - initConversationHandler (else) - this.showMessageWelcome: ', this.showMessageWelcome)
     }
-    this.logger.log('[CONVS-DETAIL] - initConversationHandler (else) - message ', this.messages, ' showIonContent', this.showIonContent)
   }
 
   initGroupsHandler() {
-    if (
-      this.conversationWith.startsWith('support-group') ||
-      this.conversationWith.startsWith('group-')
-    ) {
+    if (this.conversationWith.startsWith('support-group') || this.conversationWith.startsWith('group-')) {
       this.groupService.initialize(this.tenant, this.loggedUser.uid)
       this.logger.log('[CONVS-DETAIL] - initGroupsHandler - tenant', this.tenant, ' loggedUser UID', this.loggedUser.uid)
     }
@@ -949,37 +945,6 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
     let subscription: any
     let subscriptionKey: string
 
-    // subscriptionKey = 'BSConversationsChanged'
-    // subscription = this.subscriptions.find((item) => item.key === subscriptionKey)
-    // if (!subscription) {
-    //   subscription = this.conversationsHandlerService.conversationChanged.subscribe((data: ConversationModel) => {
-    //     this.logger.log('[CONVS-DETAIL] subscribe BSConversationsChanged data ', data, ' this.loggedUser.uid:', this.loggedUser.uid)
-
-    //     if (data && data.sender !== this.loggedUser.uid) {
-    //       this.logger.log('[CONVS-DETAIL] subscribe to BSConversationsChange data sender ', data.sender)
-    //       this.logger.log('[CONVS-DETAIL] subscribe to BSConversationsChange this.loggedUser.uid ', this.loggedUser.uid)
-    //       this.logger.log('[CONVS-DETAIL] subscribe to BSConversationsChange is_new ', data.is_new)
-    //       this.logger.log('[CONVS-DETAIL] subscribe to  BSConversationsChange showButtonToBottom ', this.showButtonToBottom)
-    //       // UPDATE THE CONVERSATION TO 'READ' IF IT IS ME WHO WRITES THE LAST MESSAGE OF THE CONVERSATION
-    //       // AND IF THE POSITION OF THE SCROLL IS AT THE END
-    //       if (!this.showButtonToBottom && data.is_new) {
-    //         // ARE AT THE END
-    //         this.updateConversationBadge()
-    //       }
-    //       if(data.uid === this.conversationWith){
-    //         this.conversationAvatar = setConversationAvatar(
-    //           data.conversation_with,
-    //           data.conversation_with_fullname,
-    //           data.channel_type,
-    //         )
-    //       }
-
-    //     }
-    //   })
-    //   const subscribe = { key: subscriptionKey, value: subscription }
-    //   this.subscriptions.push(subscribe)
-    // }
-
     subscriptionKey = 'messageAdded'
     subscription = this.subscriptions.find((item) => item.key === subscriptionKey)
     if (!subscription) {

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

@@ -27,5 +27,9 @@
     "baseImageUrl": "https://console.native.tiledesk.com/api/",
     "dashboardUrl": "https://console.native.tiledesk.com/dashboard/",
     "testsiteBaseUrl":"https://console.native.tiledesk.com/widget/assets/twp/index.html",
-    "authPersistence": "LOCAL"
+    "authPersistence": "LOCAL",
+    "supportMode": true,
+    "archivedButton": true,
+    "writeToButton": true,
+    "wsUrl":"wss://console.native.tiledesk.com/mqws/ws"
 }