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

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
@@ -1,5 +1,14 @@
1
1
  # chat21-web-widget ver 5.0
2
2
 
3
+ ### 5.0.72 in PROD
4
+
5
+ ### 5.0.72-rc.3
6
+ - changed: API_URL template key in favour of SERVER_BASE_URL
7
+
8
+ ### 5.0.71.5 in PROD
9
+
10
+ ### 5.0.71.4 in PROD
11
+
3
12
  ### 5.0.72-rc.2
4
13
  - bug-fixed: update attributes after setAttributeParameter external function is called
5
14
 
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.72-rc.2",
4
+ "version": "5.0.72",
5
5
  "license": "MIT",
6
6
  "homepage": "https://www.tiledesk.com",
7
7
  "repository": {
@@ -304,7 +304,7 @@ textarea:active{
304
304
  position: relative;
305
305
  vertical-align: middle;
306
306
  object-fit: contain;
307
- filter: brightness(0) saturate(100%) invert(39%) sepia(12%) saturate(212%) hue-rotate(173deg) brightness(92%) contrast(88%);
307
+ //filter: brightness(0) saturate(100%) invert(39%) sepia(12%) saturate(212%) hue-rotate(173deg) brightness(92%) contrast(88%);
308
308
  padding-right: 5px;
309
309
  }
310
310
  }
@@ -23,7 +23,7 @@ import { Rule } from 'src/models/rule';
23
23
  export class Globals {
24
24
 
25
25
  BASE_LOCATION = 'https://widget.tiledesk.com/v2';
26
- POWERED_BY ='<a tabindex="-1" target="_blank" href="http://www.tiledesk.com/?utm_source=widget"><img src="https://support-pre.tiledesk.com/dashboard/assets/img/logos/tiledesk-solo_logo_new_gray.svg"/><span>Powered by Tiledesk</span></a>'
26
+ POWERED_BY ='<a tabindex="-1" target="_blank" href="https://www.tiledesk.com/?utm_source=widget"><img src="https://support-pre.tiledesk.com/dashboard/assets/img/logos/tiledesk-solo_logo_new_gray.svg"/><span>Powered by Tiledesk</span></a>'
27
27
  DEFAULT_LOGO_CHAT = '/assets/images/tiledesk_logo_white_small.svg';
28
28
 
29
29
  // ============ BEGIN: SET FUNCTION BY UTILS ==============//
@@ -612,6 +612,8 @@
612
612
  /** HEADER-LOGO **/
613
613
  brandJson['COMMON'].BASE_LOGO_NO_TEXT? document.getElementById('header-logo').src = brandJson['COMMON'].BASE_LOGO_NO_TEXT: null;
614
614
  brandJson['COMMON'].BRAND_PRIMARY_COLOR? document.body.style.setProperty('--base-company-logo', brandJson['COMMON'].BRAND_PRIMARY_COLOR): null;
615
+ /** IFRAME TITLE**/
616
+ brandJson['COMMON'].COMPANY_NAME? document.getElementById('tiledeskiframe').title = brandJson['COMMON'].COMPANY_NAME + ' Widget' : null;
615
617
  }
616
618
  }
617
619
 
@@ -148,7 +148,7 @@
148
148
  justify-content: space-around;
149
149
  }
150
150
  #header-logo{
151
- max-height: 45px;
151
+ height: 45px;
152
152
  }
153
153
 
154
154
  .navbar{
@@ -730,7 +730,15 @@
730
730
  /** HEADER-LOGO **/
731
731
  brandJson['COMMON'].BASE_LOGO_WHITE? document.getElementById('header-logo').src = brandJson['COMMON'].BASE_LOGO_WHITE : null;
732
732
  /** HEADER-DOCS RESOURCES **/
733
- document.getElementsByClassName('docs')[0].style.display = 'none'
733
+ brandJson['COMMON'].DOCS? null: document.getElementById('share').style.display = 'none';
734
+ if(brandJson['COMMON'].DOCS === false){
735
+ var el = document.getElementsByClassName('docs')
736
+ for (var i = 0; i < el.length; i++) {
737
+ document.getElementsByClassName('docs').item(i).style.display = 'none'
738
+ }
739
+ }
740
+ /** IFRAME TITLE**/
741
+ brandJson['COMMON'].COMPANY_LOGO? document.getElementById('tiledeskiframe').title = brandJson['COMMON'].COMPANY_NAME + ' Widget' : null;
734
742
  }
735
743
  }
736
744
  }
@@ -1681,7 +1689,7 @@
1681
1689
  </div>
1682
1690
 
1683
1691
  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
1684
- <ul class="nav navbar-nav">
1692
+ <ul class="nav navbar-nav docs">
1685
1693
  <li><a href="https://developer.tiledesk.com/widget/web-sdk" target="_blank">WEB SDK &amp; Docs<span></span></a></li>
1686
1694
  <li><a href="https://www.tiledesk.com/pricing-cloud/" target="_blank">Pricing<span></span></a></li>
1687
1695
  <li><a href="https://www.tiledesk.com/blog/" target="_blank">Blog<span></span></a></li>
@@ -1750,7 +1758,7 @@
1750
1758
  </div>
1751
1759
  <div class="row section c21-parameters">
1752
1760
  <div><h3 style="line-height: 0.3;">MANAGE <em><strong>widget settings</strong></em></h3></div>
1753
- <div>Select an option for Tiledesk settings parameter</div>
1761
+ <div class="docs">Select an option for Tiledesk settings parameter</div>
1754
1762
  <div class="row">
1755
1763
  <div class="col-md-5 formElement"><span><em><strong>disconnectTime</strong></em></span></div>
1756
1764
  <div class="col-md-5">
@@ -2178,10 +2186,9 @@
2178
2186
  </div>
2179
2187
  </div>
2180
2188
 
2181
- <div class="row">
2182
- <h4 class="col-md-10 formElement">Manage SOCIAL CHANNELS <span style="font-size:12px"> (parameter accepted only in window.tiledeskSettings object)</span>
2183
- </h4>
2184
- </div>
2189
+ <div><h3 style="line-height: 0.3;">MANAGE <em><strong>SOCIAL CHANNELS</strong></em></h3></div>
2190
+ <div class="docs"> (parameter accepted only in window.tiledeskSettings object)</div>
2191
+
2185
2192
  <div class="row">
2186
2193
  <div class="col-md-5 formElement"><span><em><strong>whatsappNumber</strong></em></span></div>
2187
2194
  <div class="col-md-5">
@@ -2211,10 +2218,7 @@
2211
2218
  </div>
2212
2219
 
2213
2220
 
2214
-
2215
- <div class="row">
2216
- <h4 class="col-md-10 formElement" >Manage CONVERSATION DETAIL</h4>
2217
- </div>
2221
+ <div><h3 style="line-height: 0.3;">MANAGE <em><strong>CONVERSATION DETAIL</strong></em></h3></div>
2218
2222
  <div class="row">
2219
2223
  <div class="col-md-5 formElement"><span><em><strong>hideHeaderCloseButton</strong></em></span></div>
2220
2224
  <div class="col-md-5">
@@ -2342,7 +2346,7 @@
2342
2346
  </div>
2343
2347
  </div>
2344
2348
  <div class="row">
2345
- <div class="col-md-5 formElement"><span><em><strong>fileUploadAccept</strong></em> (more<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept#unique_file_type_specifiers"> here</a>)</span></div>
2349
+ <div class="col-md-5 formElement"><em><strong>fileUploadAccept</strong></em><span class="docs">(more<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept#unique_file_type_specifiers"> here</a>)</span></div>
2346
2350
  <div class="col-md-5">
2347
2351
  <input class="form-control" type="text" id="fileUploadAccept" name="fileUploadAccept" placeholder="Set a comma separated string...">
2348
2352
  </div>
@@ -2362,9 +2366,7 @@
2362
2366
  </div>
2363
2367
 
2364
2368
 
2365
- <div class="row">
2366
- <h4 class="col-md-10 formElement" >Manage BUBBLE MESSAGE STYLES</h4>
2367
- </div>
2369
+ <div><h3 style="line-height: 0.3;">MANAGE <em><strong>BUBBLE MESSAGE STYLES</strong></em></h3></div>
2368
2370
  <div class="row">
2369
2371
  <div class="col-md-5 formElement"><span><em><strong>bubbleSentBackground</strong></em></span></div>
2370
2372
  <div class="col-md-5 formElement">
@@ -2416,10 +2418,7 @@
2416
2418
  </div>
2417
2419
 
2418
2420
 
2419
-
2420
- <div class="row">
2421
- <h4 class="col-md-10 formElement" >Manage BUTTON STYLES</h4>
2422
- </div>
2421
+ <div><h3 style="line-height: 0.3;">MANAGE <em><strong>BUTTON STYLES</strong></em></h3></div>
2423
2422
  <div class="row">
2424
2423
  <div class="col-md-5 formElement"><span><em><strong>buttonBackgroundColor</strong></em></span></div>
2425
2424
  <div class="col-md-5 formElement">
@@ -2490,7 +2489,7 @@
2490
2489
  <div class="b_integrations_agent_links">
2491
2490
  <a href="" data-toggle="modal" data-target="#embedModal" id="enbed" style="display: none;"><i class="fa-code fa"></i>Embed</a>
2492
2491
  <!-- <a href="mailto:?subject=Tiledesk%20widget%20test%20page"><i class="fa-envelope-o fa" target="_blank"></i>Email</a> -->
2493
- <a href="" data-toggle="modal" data-target="#shareModal"><i class="fa-reply fa"></i>Share</a>
2492
+ <a href="" data-toggle="modal" data-target="#shareModal" id="share"><i class="fa-reply fa"></i>Share</a>
2494
2493
  </div>
2495
2494
  </div>
2496
2495
 
@@ -151,7 +151,7 @@
151
151
  justify-content: space-around;
152
152
  }
153
153
  #header-logo{
154
- max-height: 45px;
154
+ height: 45px;
155
155
  }
156
156
 
157
157
  #wrapper {
@@ -415,6 +415,9 @@
415
415
  brandJson['COMMON'].BASE_LOGO_WHITE? document.getElementById('header-logo').src = brandJson['COMMON'].BASE_LOGO_WHITE : null;
416
416
  /** HEADER-DOCS RESOURCES **/
417
417
  document.getElementsByClassName('docs')[0].style.display = 'none'
418
+ brandJson['COMMON'].DOCS? null: document.getElementById('share').style.display = 'none'
419
+ /** IFRAME TITLE**/
420
+ brandJson['COMMON'].COMPANY_LOGO? document.getElementById('tiledeskiframe').title = brandJson['COMMON'].COMPANY_NAME + ' Widget' : null;
418
421
  }
419
422
 
420
423
  }
@@ -517,7 +520,7 @@
517
520
  <h2></h2>
518
521
  <div class="b_integrations_agent_links">
519
522
  <a href="" data-toggle="modal" data-target="#embedModal" id="enbed" style="display: none;"><em class="fa-code fa"></em>Embed</a>
520
- <a href="" data-toggle="modal" data-target="#shareModal"><em class="fa-reply fa"></em>Share</a>
523
+ <a href="" data-toggle="modal" data-target="#shareModal" id="share"><em class="fa-reply fa"></em>Share</a>
521
524
  </div>
522
525
  </div>
523
526
 
@@ -19,7 +19,7 @@
19
19
  "MQTTendpoint": "${MQTT_ENDPOINT}",
20
20
  "APIendpoint": "${MQTT_APIENDPOINT}"
21
21
  },
22
- "apiUrl": "${API_URL}",
22
+ "apiUrl": "${SERVER_BASE_URL}",
23
23
  "baseImageUrl": "${API_BASEIMAGE_URL}",
24
24
  "dashboardUrl": "${DASHBOARD_URL}",
25
25
  "authPersistence": "${AUTH_PERSISTENCE}",