@chat21/chat21-web-widget 5.0.46-rc.3 → 5.0.46

package/e2e/protractor.conf.js

@@ -0,0 +1,32 @@
+// @ts-check
+// Protractor configuration file, see link for more information
+// https://github.com/angular/protractor/blob/master/lib/config.ts
+
+const { SpecReporter } = require('jasmine-spec-reporter');
+
+/**
+ * @type { import("protractor").Config }
+ */
+exports.config = {
+  allScriptsTimeout: 11000,
+  specs: [
+    './src/**/*.e2e-spec.ts'
+  ],
+  capabilities: {
+    'browserName': 'chrome'
+  },
+  directConnect: true,
+  baseUrl: 'http://localhost:4200/',
+  framework: 'jasmine',
+  jasmineNodeOpts: {
+    showColors: true,
+    defaultTimeoutInterval: 30000,
+    print: function() {}
+  },
+  onPrepare() {
+    require('ts-node').register({
+      project: require('path').join(__dirname, './tsconfig.json')
+    });
+    jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
+  }
+};

package/package.json

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

package/src/app/component/conversation-detail/conversation-preview/conversation-preview.component.scss

@@ -55,12 +55,12 @@
         position: fixed;
         top: var(--margin-top);
 
-        -webkit-box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.4);
-        -moz-box-shadow: 0 3px 5px -3pxrgba(0, 0, 0, 0.4);
-        box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.4);
+        // -webkit-box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.4);
+        // -moz-box-shadow: 0 3px 5px -3pxrgba(0, 0, 0, 0.4);
+        // box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.4);
         .c21-header-container{
             // height: var(--header-height);
-            
+            height: calc( var(--header-height));
             // margin: inherit;
             
             .c21-header-content {
@@ -88,6 +88,7 @@
                 }
 
                 .c21-header-button{
+                    margin: 6px;
                     width: 30px;
                     height: 30px;
                 }
@@ -104,6 +105,9 @@
         width: var(--modal-width);
         height: var(--content-height);
 
+        display: flex;
+        justify-content: center;
+        align-items: center;
         // img {
         //     border-radius: 8px;
         //     //padding: 3px;
@@ -134,6 +138,7 @@
             position: absolute;
             top: 0;
             right: 0;
+
         }
         #scroll-me-preview:hover {
             &::-webkit-scrollbar-thumb {
@@ -151,10 +156,10 @@
 
         #img-preview-file-extension {
             text-align: center;
-            position: relative;
+            position: absolute;//relative;
             text-transform: uppercase;
             color: #fff;
-            top: -25px;
+            bottom: 30px; //-25px;
             font-weight: 500;
         }
     }
@@ -171,7 +176,7 @@
         
         display: flex;
         gap: 5px;
-        padding: var(--paddingTopBottom) 5px;
+        padding: var(--paddingTopBottom) 10px;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
 
@@ -244,7 +249,7 @@
             border-radius: 10px;
             background-color: $chat-footer-background-color;
             -webkit-box-flex: 1;
-            width: 85%;
+            width: 88%;
         }
         
         .chat21-textarea-button {

package/src/app/utils/globals.ts

@@ -502,34 +502,54 @@ export class Globals {
    */
   createDefaultSettingsObject() {
     this.default_settings = {
-      'tenant': this.tenant, 'recipientId': this.recipientId,
-      'projectid': this.projectid, 'widgetTitle': this.widgetTitle,
-      'poweredBy': this.poweredBy, 'userEmail': this.userEmail, //'userId': this.userId, 
-      'userFullname': this.userFullname, 'preChatForm': this.preChatForm, 'preChatFormJson': this.preChatFormJson,
-      'isOpen': this.isOpen, 'channelType': this.channelType,
-      'lang': this.lang, 'calloutTimer': this.calloutTimer, 'calloutStaus': this.calloutStaus,
-      'align': this.align,'welcomeMsg': this.welcomeMsg, 'calloutTitle': this.calloutTitle,
-      'calloutMsg': this.calloutMsg, 'fullscreenMode': this.fullscreenMode, 'hideHeaderCloseButton': this.hideHeaderCloseButton,
-      'themeColor': this.themeColor, 'themeColorOpacity': this.themeColorOpacity, 'themeForegroundColor': this.themeForegroundColor,
-      'allowTranscriptDownload': this.allowTranscriptDownload, //'userToken': this.userToken,
-      'autoStart': this.autoStart, 'startHidden': this.startHidden, 'isShown': this.isShown,
-      'startFromHome': this.startFromHome, 'logoChat': this.logoChat,
-      'welcomeTitle': this.welcomeTitle, 'marginX': this.marginX,
-      'marginY': this.marginY, 'lancherWidth': this.launcherWidth, 'lancherHeight': this.launcherHeight,
-      'baloonImage': this.baloonImage, 'baloonShape': this.baloonShape, 'isLogEnabled': this.isLogEnabled,
-      'openExternalLinkButton': this.openExternalLinkButton, 'hideHeaderConversationOptionsMenu': this.hideHeaderConversationOptionsMenu,
-      'hideCloseConversationOptionMenu': this.hideCloseConversationOptionMenu, 'hideRestartConversationOptionsMenu': this.hideRestartConversationOptionsMenu,
-      'showInfoMessage': this.showInfoMessage, 'typingLocation': this.typingLocation, 'allowReopen': this.allowReopen,
-      'hideSettings': this.hideSettings,'filterByRequester': this.filterByRequester, 
-      'persistence': this.persistence,'showWaitTime': this.showWaitTime, 'showAvailableAgents': this.showAvailableAgents,
-      'showLogoutOption': this.showLogoutOption, 'showAttachmentButton': this.showAttachmentButton,
-      'showAllConversations': this.showAllConversations, 'jwt': this.jwt,
-      'dynamicWaitTimeReply': this.dynamicWaitTimeReply, 'soundEnabled': this.soundEnabled, 'logLevel': this.logLevel,
+      'align': this.align,
+      'allowReopen': this.allowReopen,
+      'allowTranscriptDownload': this.allowTranscriptDownload,
+      'autoStart': this.autoStart,
+      'baloonShape': this.baloonShape, 'baloonImage': this.baloonImage,
       'bubbleSentBackground' : this.bubbleSentBackground, 'bubbleSentTextColor': this.bubbleSentTextColor,   
       'bubbleReceivedBackground': this.bubbleReceivedBackground, 'bubbleReceivedTextColor': this.bubbleReceivedTextColor,
-      'fontSize': this.fontSize, 'fontFamily': this.fontFamily, 'buttonFontSize': this.buttonFontSize,
-      'buttonBackgroundColor': this.buttonBackgroundColor, 'buttonTextColor': this.buttonTextColor,
-      'buttonHoverBackgroundColor': this.buttonHoverBackgroundColor, 'buttonHoverTextColor': this.buttonHoverTextColor
+      'buttonBackgroundColor': this.buttonBackgroundColor, 'buttonTextColor': this.buttonTextColor, 'buttonFontSize': this.buttonFontSize,
+      'buttonHoverBackgroundColor': this.buttonHoverBackgroundColor, 'buttonHoverTextColor': this.buttonHoverTextColor,
+      'calloutTitle': this.calloutTitle, 'calloutMsg': this.calloutMsg,
+      'calloutTimer': this.calloutTimer, 'calloutStaus': this.calloutStaus,
+      'channelType': this.channelType,
+      'dynamicWaitTimeReply': this.dynamicWaitTimeReply,
+      'fontSize': this.fontSize, 'fontFamily': this.fontFamily, 
+      'fullscreenMode': this.fullscreenMode,
+      'filterByRequester': this.filterByRequester,
+      'hideHeaderConversationOptionsMenu': this.hideHeaderConversationOptionsMenu, 'hideHeaderCloseButton': this.hideHeaderCloseButton,
+      'hideCloseConversationOptionMenu': this.hideCloseConversationOptionMenu, 'hideRestartConversationOptionsMenu': this.hideRestartConversationOptionsMenu,
+      'hideSettings': this.hideSettings,
+      'isLogEnabled': this.isLogEnabled,
+      'isOpen': this.isOpen, 'isShown': this.isShown,
+      'jwt': this.jwt,
+      'logLevel': this.logLevel,
+      'logoChat': this.logoChat,
+      'lang': this.lang, 
+      'lancherWidth': this.launcherWidth, 'lancherHeight': this.launcherHeight,
+      'marginX': this.marginX, 'marginY': this.marginY,
+      'mobileMarginX': this.mobileMarginX, 'mobileMarginY': this.mobileMarginY,
+      'nativeRating': this.nativeRating,
+      'openExternalLinkButton': this.openExternalLinkButton, 
+      'participants':this.participants,
+      'persistence': this.persistence,
+      'poweredBy': this.poweredBy,
+      'preChatForm': this.preChatForm, 'preChatFormJson': this.preChatFormJson,
+      'projectid': this.projectid,
+      'recipientId': this.recipientId,
+      'singleConversation': this.singleConversation,
+      'showInfoMessage': this.showInfoMessage, 'showAllConversations': this.showAllConversations, 
+      'showWaitTime': this.showWaitTime, 'showAvailableAgents': this.showAvailableAgents,
+      'showLogoutOption': this.showLogoutOption, 'showAttachmentButton': this.showAttachmentButton,
+      'soundEnabled': this.soundEnabled, 
+      'startHidden': this.startHidden, 'startFromHome': this.startFromHome, 
+      'tenant': this.tenant, 
+      'themeColor': this.themeColor, 'themeColorOpacity': this.themeColorOpacity, 'themeForegroundColor': this.themeForegroundColor,
+      'typingLocation': this.typingLocation, 
+      'userEmail': this.userEmail, 'userFullname': this.userFullname, 
+      'widgetTitle': this.widgetTitle,
+      'welcomeMsg': this.welcomeMsg, 'welcomeTitle': this.welcomeTitle, 
     };
   }
 

package/src/assets/twp/index-dev.html

@@ -1142,6 +1142,13 @@
             window.Tiledesk('restart')
         }
 
+        function onClickParticipants(){
+            let text = document.getElementById('participants').value
+            window.tiledeskSettings['participants'] = text
+            console.log('onClickParticipants:', window.tiledeskSettings)
+            window.Tiledesk('restart')
+        }
+
         function onClickShowAttachmentButton(){
             let status = document.querySelector('input[name="showAttachmentButton"]:checked').value
             window.tiledeskSettings['showAttachmentButton'] = stringToBoolean(status)
@@ -2067,6 +2074,15 @@
                                 <button class="btn btn-light" onclick="onClickShowInfoMessage()">Test this setting <i class="fa fa-magic" aria-hidden="true"></i></button>
                             </div>
                         </div>
+                        <div class="row">
+                            <div class="col-md-5 formElement"><span><em><strong>participants</strong></em></span></div>
+                            <div class="col-md-5">
+                                <textarea class="form-control" id="participants" placeholder="Set a comma separated string..." rows="6" cols="30"></textarea>
+                            </div>
+                            <div class="col-md-2">
+                                <button class="btn btn-light" onclick="onClickParticipants()">Test this setting <i class="fa fa-magic" aria-hidden="true"></i></button>
+                            </div>
+                        </div>
                         <div class="row">
                             <div class="col-md-5 formElement"><span><em><strong>showAttachmentButton</strong></em></span></div>
                             <div class="col-md-5">

package/src/environments/real_data/widget-config-docker.json

@@ -23,5 +23,6 @@
     },
     "apiUrl": "http://localhost:3000/",
     "baseImageUrl": "http://localhost:3000/",
+    "dashboardUrl": "http://localhost:8081/dashboard/",
     "authPersistence": "LOCAL"
 }

package/src/environments/real_data/widget-config-firebase.json

@@ -22,9 +22,9 @@
     },
     "apiUrl": "https://tiledesk-server-pre.herokuapp.com/",
     "baseImageUrl": "https://firebasestorage.googleapis.com/v0/b/",
+    "dashboardUrl": "https://support-pre.tiledesk.com/dashboard/",
     "authPersistence": "LOCAL",
-    "enbedJs": true,
-    "enbedJsBaseUrl":"https://widget-pre.tiledesk.com/v5/"
+    "enbedJs": true
 }
 
 

package/src/environments/real_data/widget-config-native-mqtt.json

@@ -23,5 +23,6 @@
     },
     "apiUrl": "https://console.native.tiledesk.com/api/",
     "baseImageUrl": "https://console.native.tiledesk.com/api/",
+    "dashboardUrl": "https://console.native.tiledesk.com/dashboard",
     "authPersistence": "LOCAL"
 }

package/coverage/widget/base.css

@@ -1,224 +0,0 @@
-body, html {
-  margin:0; padding: 0;
-  height: 100%;
-}
-body {
-    font-family: Helvetica Neue, Helvetica, Arial;
-    font-size: 14px;
-    color:#333;
-}
-.small { font-size: 12px; }
-*, *:after, *:before {
-  -webkit-box-sizing:border-box;
-     -moz-box-sizing:border-box;
-          box-sizing:border-box;
-  }
-h1 { font-size: 20px; margin: 0;}
-h2 { font-size: 14px; }
-pre {
-    font: 12px/1.4 Consolas, "Liberation Mono", Menlo, Courier, monospace;
-    margin: 0;
-    padding: 0;
-    -moz-tab-size: 2;
-    -o-tab-size:  2;
-    tab-size: 2;
-}
-a { color:#0074D9; text-decoration:none; }
-a:hover { text-decoration:underline; }
-.strong { font-weight: bold; }
-.space-top1 { padding: 10px 0 0 0; }
-.pad2y { padding: 20px 0; }
-.pad1y { padding: 10px 0; }
-.pad2x { padding: 0 20px; }
-.pad2 { padding: 20px; }
-.pad1 { padding: 10px; }
-.space-left2 { padding-left:55px; }
-.space-right2 { padding-right:20px; }
-.center { text-align:center; }
-.clearfix { display:block; }
-.clearfix:after {
-  content:'';
-  display:block;
-  height:0;
-  clear:both;
-  visibility:hidden;
-  }
-.fl { float: left; }
-@media only screen and (max-width:640px) {
-  .col3 { width:100%; max-width:100%; }
-  .hide-mobile { display:none!important; }
-}
-
-.quiet {
-  color: #7f7f7f;
-  color: rgba(0,0,0,0.5);
-}
-.quiet a { opacity: 0.7; }
-
-.fraction {
-  font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
-  font-size: 10px;
-  color: #555;
-  background: #E8E8E8;
-  padding: 4px 5px;
-  border-radius: 3px;
-  vertical-align: middle;
-}
-
-div.path a:link, div.path a:visited { color: #333; }
-table.coverage {
-  border-collapse: collapse;
-  margin: 10px 0 0 0;
-  padding: 0;
-}
-
-table.coverage td {
-  margin: 0;
-  padding: 0;
-  vertical-align: top;
-}
-table.coverage td.line-count {
-    text-align: right;
-    padding: 0 5px 0 20px;
-}
-table.coverage td.line-coverage {
-    text-align: right;
-    padding-right: 10px;
-    min-width:20px;
-}
-
-table.coverage td span.cline-any {
-    display: inline-block;
-    padding: 0 5px;
-    width: 100%;
-}
-.missing-if-branch {
-    display: inline-block;
-    margin-right: 5px;
-    border-radius: 3px;
-    position: relative;
-    padding: 0 4px;
-    background: #333;
-    color: yellow;
-}
-
-.skip-if-branch {
-    display: none;
-    margin-right: 10px;
-    position: relative;
-    padding: 0 4px;
-    background: #ccc;
-    color: white;
-}
-.missing-if-branch .typ, .skip-if-branch .typ {
-    color: inherit !important;
-}
-.coverage-summary {
-  border-collapse: collapse;
-  width: 100%;
-}
-.coverage-summary tr { border-bottom: 1px solid #bbb; }
-.keyline-all { border: 1px solid #ddd; }
-.coverage-summary td, .coverage-summary th { padding: 10px; }
-.coverage-summary tbody { border: 1px solid #bbb; }
-.coverage-summary td { border-right: 1px solid #bbb; }
-.coverage-summary td:last-child { border-right: none; }
-.coverage-summary th {
-  text-align: left;
-  font-weight: normal;
-  white-space: nowrap;
-}
-.coverage-summary th.file { border-right: none !important; }
-.coverage-summary th.pct { }
-.coverage-summary th.pic,
-.coverage-summary th.abs,
-.coverage-summary td.pct,
-.coverage-summary td.abs { text-align: right; }
-.coverage-summary td.file { white-space: nowrap;  }
-.coverage-summary td.pic { min-width: 120px !important;  }
-.coverage-summary tfoot td { }
-
-.coverage-summary .sorter {
-    height: 10px;
-    width: 7px;
-    display: inline-block;
-    margin-left: 0.5em;
-    background: url(sort-arrow-sprite.png) no-repeat scroll 0 0 transparent;
-}
-.coverage-summary .sorted .sorter {
-    background-position: 0 -20px;
-}
-.coverage-summary .sorted-desc .sorter {
-    background-position: 0 -10px;
-}
-.status-line {  height: 10px; }
-/* yellow */
-.cbranch-no { background: yellow !important; color: #111; }
-/* dark red */
-.red.solid, .status-line.low, .low .cover-fill { background:#C21F39 }
-.low .chart { border:1px solid #C21F39 }
-.highlighted,
-.highlighted .cstat-no, .highlighted .fstat-no, .highlighted .cbranch-no{
-  background: #C21F39 !important;
-}
-/* medium red */
-.cstat-no, .fstat-no, .cbranch-no, .cbranch-no { background:#F6C6CE }
-/* light red */
-.low, .cline-no { background:#FCE1E5 }
-/* light green */
-.high, .cline-yes { background:rgb(230,245,208) }
-/* medium green */
-.cstat-yes { background:rgb(161,215,106) }
-/* dark green */
-.status-line.high, .high .cover-fill { background:rgb(77,146,33) }
-.high .chart { border:1px solid rgb(77,146,33) }
-/* dark yellow (gold) */
-.status-line.medium, .medium .cover-fill { background: #f9cd0b; }
-.medium .chart { border:1px solid #f9cd0b; }
-/* light yellow */
-.medium { background: #fff4c2; }
-
-.cstat-skip { background: #ddd; color: #111; }
-.fstat-skip { background: #ddd; color: #111 !important; }
-.cbranch-skip { background: #ddd !important; color: #111; }
-
-span.cline-neutral { background: #eaeaea; }
-
-.coverage-summary td.empty {
-    opacity: .5;
-    padding-top: 4px;
-    padding-bottom: 4px;
-    line-height: 1;
-    color: #888;
-}
-
-.cover-fill, .cover-empty {
-  display:inline-block;
-  height: 12px;
-}
-.chart {
-  line-height: 0;
-}
-.cover-empty {
-    background: white;
-}
-.cover-full {
-    border-right: none !important;
-}
-pre.prettyprint {
-    border: none !important;
-    padding: 0 !important;
-    margin: 0 !important;
-}
-.com { color: #999 !important; }
-.ignore-none { color: #999; font-weight: normal; }
-
-.wrapper {
-  min-height: 100%;
-  height: auto !important;
-  height: 100%;
-  margin: 0 auto -48px;
-}
-.footer, .push {
-  height: 48px;
-}

package/coverage/widget/block-navigation.js

@@ -1,87 +0,0 @@
-/* eslint-disable */
-var jumpToCode = (function init() {
-    // Classes of code we would like to highlight in the file view
-    var missingCoverageClasses = ['.cbranch-no', '.cstat-no', '.fstat-no'];
-
-    // Elements to highlight in the file listing view
-    var fileListingElements = ['td.pct.low'];
-
-    // We don't want to select elements that are direct descendants of another match
-    var notSelector = ':not(' + missingCoverageClasses.join('):not(') + ') > '; // becomes `:not(a):not(b) > `
-
-    // Selecter that finds elements on the page to which we can jump
-    var selector =
-        fileListingElements.join(', ') +
-        ', ' +
-        notSelector +
-        missingCoverageClasses.join(', ' + notSelector); // becomes `:not(a):not(b) > a, :not(a):not(b) > b`
-
-    // The NodeList of matching elements
-    var missingCoverageElements = document.querySelectorAll(selector);
-
-    var currentIndex;
-
-    function toggleClass(index) {
-        missingCoverageElements
-            .item(currentIndex)
-            .classList.remove('highlighted');
-        missingCoverageElements.item(index).classList.add('highlighted');
-    }
-
-    function makeCurrent(index) {
-        toggleClass(index);
-        currentIndex = index;
-        missingCoverageElements.item(index).scrollIntoView({
-            behavior: 'smooth',
-            block: 'center',
-            inline: 'center'
-        });
-    }
-
-    function goToPrevious() {
-        var nextIndex = 0;
-        if (typeof currentIndex !== 'number' || currentIndex === 0) {
-            nextIndex = missingCoverageElements.length - 1;
-        } else if (missingCoverageElements.length > 1) {
-            nextIndex = currentIndex - 1;
-        }
-
-        makeCurrent(nextIndex);
-    }
-
-    function goToNext() {
-        var nextIndex = 0;
-
-        if (
-            typeof currentIndex === 'number' &&
-            currentIndex < missingCoverageElements.length - 1
-        ) {
-            nextIndex = currentIndex + 1;
-        }
-
-        makeCurrent(nextIndex);
-    }
-
-    return function jump(event) {
-        if (
-            document.getElementById('fileSearch') === document.activeElement &&
-            document.activeElement != null
-        ) {
-            // if we're currently focused on the search input, we don't want to navigate
-            return;
-        }
-
-        switch (event.which) {
-            case 78: // n
-            case 74: // j
-                goToNext();
-                break;
-            case 66: // b
-            case 75: // k
-            case 80: // p
-                goToPrevious();
-                break;
-        }
-    };
-})();
-window.addEventListener('keydown', jumpToCode);