@chat21/chat21-ionic 3.0.81-rc.3 → 3.0.82-rc.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # chat21-ionic ver 3.0
 
+### 3.0.82-rc.1
+- changed: forceArchive to force while calling /close API URL
+- changed: chat21Client.js from 1.12.1 to 1.12.2
+- changed: list conversations component with from 360px to 320px
+
+### 3.0.81 in PROD
+
 ### 3.0.81-rc.3
 - bug-fixed: if window width is less then 991px, move 'Close detail' icon to right
 - changed: removed segment from index.html and loaded dynamically only if in not production

package/package.json

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

package/src/app/app.component.scss

@@ -1,7 +1,7 @@
 @import '../variables.scss';
 
 .split-pane-md.split-pane-visible > .split-pane-side {
-    min-width: 360px; //312px;
+    min-width: 320px; //360px; //312px;
     display: block; // Safari bug fix
     margin-left: var(--sidebar-width);
     --border: 0px;

package/src/app/chatlib/conversation-detail/message/image/image.component.html

@@ -5,7 +5,8 @@
   <img id="myImg" 
     class="message-contentX message-content-imageX" 
     [ngClass]="{'isLoadingImage': loading}"
-    [ngStyle]="{ 'width': width , 'height': height }" 
+    [width]="width"
+    [height]="height"
     [src]="metadata.src" 
     (load)="onLoaded($event)" 
     (click)="openImageViewerModal(metadata.src, metadata.name)" />

package/src/app/chatlib/list-conversations-component/ion-list-conversations/ion-list-conversations.component.scss

@@ -22,6 +22,7 @@ ion-item {
     --background: transparent;
     border-radius: var(--border-radius-item);
     margin: 4px 5px;
+    transition: none;
     .conv-container{
         width: 84%;
         height: 100%;

package/src/app/components/project-item/project-item.component.scss

@@ -231,6 +231,7 @@
 
 .flex-container-project-for-panel:hover {
     background-color:  rgba(24, 119, 242, 0.2);
+    transition: none;
 }
 
 .flex-child-right {

package/src/app/components/sidebar-user-details/sidebar-user-details.component.html

@@ -5,7 +5,7 @@
         <span class="user-details-dshbrd-lang-code" style="text-transform: uppercase;color: #647491;">
             {{chat_lang}}
         </span>
-        <img *ngIf="flag_url" [src]="flag_url" style="width: auto;height: 19px; position: relative;top: 1px;">
+        <img *ngIf="flag_url" [src]="flag_url" width="19px" height="19px" style=" position: relative;top: 1px;">
 
     </div>
 

package/src/app/services/tiledesk/tiledesk.service.ts

@@ -40,7 +40,7 @@ export class TiledeskService {
     // console.log('CLOUD FUNCT CLOSE SUPPORT GROUP REQUEST BODY ', body);
     // https://tiledesk-server-pre.herokuapp.com/
     // const url = 'https://tiledesk-server-pre.herokuapp.com/' + this.project_id + '/requests/' + group_id + '/close';
-    const url = this.apiUrl + projectid + '/requests/' + supportgroupid + '/close'+'?forceArchive=true';
+    const url = this.apiUrl + projectid + '/requests/' + supportgroupid + '/close'+'?force=true';
 
     this.logger.log('[TILEDESK-SERVICE] - closeSupportGroup URL ', url);
     return this.http.put(url, body, httpOptions).pipe(map((res: any) => {

package/src/assets/js/chat21client.js

@@ -1,7 +1,7 @@
 /*
     Chat21Client
 
-    v0.1.12.1
+    v0.1.12.2
 
     @Author Andrea Sponziello
     (c) Tiledesk 2020
@@ -630,12 +630,11 @@ class Chat21Client {
                         // Observing conversations added from messages
                         // console.log("Observing conversations added from messages", message_json);
                         // if (this.onConversationAddedCallbacks) {
-                        // console.log("callbacks ok........");
                         let update_conversation = true;
-                        if (message_json.attributes && message_json.attributes.updateconversation == false) {
-                            update_conversation = false
-                        }
-                        // console.log("update_conversation........", update_conversation);
+                        // temporarily ignoring the updateconversation = false option
+                        // if (message_json.attributes && message_json.attributes.updateconversation == false) {
+                        //     update_conversation = false
+                        // }
                         if (update_conversation && this.onConversationAddedCallbacks) {
                             this.onConversationAddedCallbacks.forEach((callback, handler, map) => {
                                 message_json.is_new = true;

package/src/global.scss

@@ -107,189 +107,6 @@ app-conversations-list {
     font-size: 13px;
 }
 
-// .popover-md .popover-content{
-//     width: auto!important;
-// }
-
-// ion-backdrop{
-//     display: block;
-//     background-color: #000000!important;
-//     width: 100%;
-//     height: 100%;
-//     opacity: 0.0!important;
-// }
-
-// ion-app, ion-nav, ion-tab, ion-tabs, .app-root, .ion-page {
-//     contain: none!important;
-// }
-
-// .avatar-profile {
-//     position: absolute;
-//     top: 0px;
-//     left: 0px;
-//     display: inline-block;
-//     width: 50px;
-//     height: 50px;
-//     background-color: transparent;
-//     background-size: cover;
-//     background-position: top center;
-//     border-radius: 50%;
-//     border-color: #c3c3c3;
-//     border-style: solid;
-//     border-width: 0px;
-// }
-// .chat21-avatar.big{
-//     width: 200px;
-//     height: 200px;
-// }
-
-// /* LOADING */
-// /*http://tobiasahlin.com/spinkit/*/
-// #chat21-spinner {
-//     min-height: 20px;
-//     display: none;
-//     margin: 20px auto 0;
-//     width: 70px;
-//     text-align: center;
-// }
-// #chat21-spinner.active {
-//     display: block;
-// }
-// #chat21-spinner > div {
-//     width: 12px;
-//     height: 12px;
-//     background-color: #2a69c1;
-//     border-radius: 100%;
-//     display: inline-block;
-//     -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
-//     animation: sk-bouncedelay 1.4s infinite ease-in-out both;
-// }
-// #chat21-spinner .chat21-bounce1 {
-//     -webkit-animation-delay: -0.32s;
-//     animation-delay: -0.32s;
-// }
-// #chat21-spinner .chat21-bounce2 {
-//     -webkit-animation-delay: -0.16s;
-//     animation-delay: -0.16s;
-// }
-// #chat21-spinner span {
-//     display: block;
-//     margin: 0.5em 0 0 0;
-//     color: #2a6ac1;
-//     /* text-transform: uppercase; */
-//     font-family: 'Roboto', sans-serif;
-//     -webkit-animation: pulse 2000ms linear infinite;
-//     -moz-animation: pulse 2000ms linear infinite;
-//     animation: pulse 2000ms linear infinite;
-//     text-align: center;
-//   }
-
-// @-webkit-keyframes sk-bouncedelay {
-//     0%, 80%, 100% { -webkit-transform: scale(0) }
-//     40% { -webkit-transform: scale(1.0) }
-// }
-
-// @keyframes sk-bouncedelay {
-//     0%, 80%, 100% {
-//     -webkit-transform: scale(0);
-//     transform: scale(0);
-//     } 40% {
-//     -webkit-transform: scale(1.0);
-//     transform: scale(1.0);
-//     }
-// }
-
-// .c21-right{
-//     float: right;
-// }
-// .c21-left{
-//     float: left;
-// }
-// .clearfix:after {
-//     display: block;
-//     clear: both;
-//     content: '';
-// }
-// .clear{
-//     clear: both;
-// }
-
-// /* END LOADIN */
-
-// .c21-alert {
-//     &.c21-alert-notification {
-//         display: inline-block;
-//         margin: 0 auto;
-//         position: fixed;
-//         -webkit-transition: all .5s ease-in-out 0s;
-//         transition: all .5s ease-in-out 0s;
-//         z-index: 1031;
-//         top: -100px;
-//         left: 0px;
-//         right: 0px;
-//         max-width: 450px;
-//         width: 80%;
-//         padding: 10px;
-//         cursor: pointer;
-//         display: block;
-//     }
-//     &.alert-danger {
-//         background-color: #f55a4e;
-//         color: #fff;
-//         border-radius: 3px;
-//         -webkit-box-shadow: 0 12px 20px -10px rgba(244,67,54,.28), 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px rgba(244,67,54,.2);
-//         box-shadow: 0 12px 20px -10px rgba(244,67,54,.28), 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px rgba(244,67,54,.2);
-//     }
-//     &.animated {
-//         top: 10px;
-//         -webkit-animation-duration: 1s;
-//         animation-duration: 1s;
-//         -webkit-animation-fill-mode: both;
-//         animation-fill-mode: both;
-//     }
-
-// }
-
-// ion-navbar {
-//     .toolbar-background{
-//         /* height: 55px; */
-//         box-shadow: inset 0px -1px 0px #f7f7f7;
-//     }
-
-// }
-
-// ion-toolbar {
-//     .toolbar-background {
-//         background-color: #ffffff;
-//     }
-//     .transparent{
-//         .toolbar-background {
-//             background-color: transparent;
-//         }
-//     }
-// }
-
-// .footer:before {
-//     height: 1px;
-// }
-// // .modal-page {
-// //     z-index: 1;
-// //     background-color: transparent;
-// //     opacity: 0;
-// //     transition: all 0.2s;
-// //     right: -100%;
-// //     &.open {
-// //         // background-color: $trasp-black;
-// //         opacity: 1;
-// //         transition: all 0.3s;
-// //         right: 0px;
-// //     }
-// // }
-
-// .split-pane-side {
-//     border-right: 1px solid rgba(169, 169, 169, 0.1)!important;
-// }
-
 // START GESTIONE SIDEBAR ESTERNA CON IFRAME //
 #tld-sidebar {
     position: absolute;
@@ -411,11 +228,6 @@ select:-webkit-autofill:focus {
     font-weight: 300;
 }
 
-// da rivedere
-// :host ::ng-deep tiledeskwidget-bubble-message > div > div > tiledeskwidget-image > div > img {
-//     display: none !important;
-// }
-
 /*
  * Canned responses
  * -------------------------------------------- */
@@ -473,18 +285,7 @@ select:-webkit-autofill:focus {
     line-height: 42px;
 }
 /* End rules for the member list refactoring in the "info-group.component.html" (replacement of ion-grid with ion-list) */
-.missing-connection-toast {
-    --background: #fdd764;
-    --color: #2e3939;
-    font-weight: 500;
-    font-size: 16px;
-}
 
-.missing-connection-toast::part(message) {
-    // display: none;
-    display: flex;
-    align-items: center;
-}
 
 // User details Sidebar
 .user-details-sidebar {