@chat21/chat21-web-widget 5.0.85-rc.1 → 5.0.85-rc.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -6,6 +6,9 @@
6
6
  ### **Copyrigth**:
7
7
  *Tiledesk SRL*
8
8
 
9
+ # 5.0.85-rc.2
10
+ - **added**: loading progress indicator while closing a conversation
11
+
9
12
  # 5.0.85-rc.1
10
13
  - **added**: hide header restart menu option if conversation is closed
11
14
  - **removed**: continueConversationBeforeTime settings property
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@chat21/chat21-web-widget",
3
3
  "author": "Tiledesk SRL",
4
- "version": "5.0.85-rc.1",
4
+ "version": "5.0.85-rc.2",
5
5
  "license": "MIT",
6
6
  "homepage": "https://www.tiledesk.com",
7
7
  "repository": {
@@ -20,6 +20,21 @@
20
20
 
21
21
  <!-- BUTTON CLOSE-->
22
22
  <button tabindex="1040" aflistconv #aflistconv class="c21-button-primary" (click)="onConfirm()" [ngStyle]="{'background-color': stylesMap?.get('themeColor'), 'border-color': stylesMap?.get('themeColor'), 'color': stylesMap?.get('themeForegroundColor') }">
23
+ <span *ngIf="isLoadingActive">
24
+ <svg xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" with="25" height="25"
25
+ viewBox="0 0 100 100" enable-background="new 0 0 0 0" xml:space="preserve">
26
+ <path fill="#fff" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50">
27
+ <animateTransform
28
+ attributeName="transform"
29
+ attributeType="XML"
30
+ type="rotate"
31
+ dur="1s"
32
+ from="0 50 50"
33
+ to="360 50 50"
34
+ repeatCount="indefinite" />
35
+ </path>
36
+ </svg>
37
+ </span>
23
38
  <span class="v-align-center c21-label-button">
24
39
  {{translationMap?.get('CLOSE_CHAT')}}
25
40
  </span>
@@ -44,6 +44,8 @@
44
44
  button.c21-button-primary{
45
45
  margin: 0 !important;
46
46
  height: 30px !important;
47
+ display: flex;
48
+ align-items: center;
47
49
 
48
50
  .c21-label-button{
49
51
  margin: 0 !important;
@@ -8,6 +8,8 @@ import { Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild }
8
8
  })
9
9
  export class ConfirmCloseComponent implements OnInit{
10
10
 
11
+ isLoadingActive: boolean = false;
12
+
11
13
  @Input() translationMap: Map< string, string>;
12
14
  @Input() stylesMap: Map<string, string>;
13
15
  @Output() onDiaglogClosed = new EventEmitter<{type: string, data: any}>();
@@ -27,6 +29,7 @@ export class ConfirmCloseComponent implements OnInit{
27
29
  }
28
30
 
29
31
  onConfirm(){
32
+ this.isLoadingActive = true;
30
33
  this.onDiaglogClosed.emit({type: 'confirm', data: null});
31
34
  }
32
35