@chat21/chat21-ionic 3.0.61-rc8 → 3.0.61

package/CHANGELOG.md

@@ -1,5 +1,76 @@
 # chat21-ionic ver 3.0
 
+### 3.0.61
+- Deploys in production
+
+### 3.0.61-rc26
+- Fixes the bug: the conversation detail is not opened if the URL contains round brackets
+
+### 3.0.61-rc25
+- Handles the case that in the storage the value of the "last_project" key is undefined
+
+### 3.0.61-rc24
+- Handles the "writeToButton" and the 'archivedButton' environment variables if are returned as a string
+- Adds the "authPersistence" key in the chat-config-template.json, chat-config.json and env.sample files
+
+### 3.0.61-rc23
+- Handles the "supportMode" environment variable if returned as a string (fixes the Docker image bugs: part of the conversation details go under the sidebar in mobile mode, the "add message as canned response" button is not displayed)
+- Fixes the position of the emoji selection window pop up when the canned responses button is not visible
+
+### 3.0.61-rc22
+- Minor improvements 
+
+### 3.0.61-rc21
+- Removes cordova-plugin-device
+
+### 3.0.61-rc20
+- Updates dependencies
+
+### 3.0.61-rc19
+- Merge branch 'features/new-sidebar'
+
+### 3.0.61-rc18
+- Fix bugs: in the teammate settings drawer the logout button area is too large
+- Fixed the bug: in the detail of the conversation the button messages are not aligned with the other messages
+
+### 3.0.61-rc16
+- Does not allow teammates with agent role to access the "settings sidebar"
+
+### 3.0.61-rc15
+- Increase the size of the emoji and remove the background color when it is sent or received without text
+- Adds the ability to open sidebar menu items in a new tab by combining left mouse button + CMD keyboard key
+
+### 3.0.61-rc14
+- Fixes the bug: the page to which the sidebar Settings menu item redirects is not correct for team members with agent role
+- Fixes the bug: right clicking on the sidebar menu items doesn't show the context menu
+
+### 3.0.61-rc12
+- Improves the alignment of left sidebar menu item icons
+- Adds the ability to add a message as a canned response
+- Hides the "Open canned responses" button if the "supportMode" environment variable is set to false
+- Fixes the bug: "Settings" menu item in the left sidebar redirects to the "Canned responses" page instead of the "Widget" page
+- Adds the ability to add a new canned response
+- Fixes the bug: "Resolve conversation" from conversation detail header doesn't work on mobile
+- Adds the ability to insert emoji in the message text
+- Fixes the bug: on iOS mobile devices in the conversation detail the requester's avatar is not vertically aligned
+- Fixes the bug: on mobile devices in  the "info profile" modal window the version number is not visible because it is on a white background
+- Fixes the bug: in the "Create canned response" modal window the "Add personalisation" menu does not always work
+- Adds the chat version number to the teammate details drawer
+- Makes the right sidebar "Settings" menu item visible to teammates with agent role
+
+### 3.0.61-rc11
+- Fixed the bug: the "Resolve" button is displayed in the header of the details of the archived conversations
+- Fixed the bug: in the header of the conversation detail the "Resolve" button remains active even after resolving the conversation
+- Adds the ability to create a ticket
+- Adds tooltips to the buttons available in the header of the conversation list
+- Change the text of the "Conversations" menu item in the left sidebar to "Monitor"
+
+### 3.0.61-rc10
+- Fixes the bug: the Analytics icon of the left sidebar is not displayed
+
+### 3.0.61-rc9
+- Fixes the bug: the Apps icon of the left sidebar is not displayed
+
 ### 3.0.61-rc8
 - Changes the icon of the "Conversations" menu item to the left sidebar
 - Adds Serbian language

package/README.md

@@ -36,6 +36,12 @@ In progress git
 * A Firebase project. Create one free on `https://firebase.google.com`
 * "Chat21 Firebase cloud functions" installed. Instructions:`https://github.com/chat21/chat21-cloud-functions`
 
+# Run Tiledesk with Docker Compose
+
+Do you want to install all the Tiledesk components on your server with just one click?
+Use [Docker Compose Tiledesk installation guide](https://github.com/Tiledesk/tiledesk-deployment/blob/master/docker-compose/README.md)
+
+
 # Installation #
 * Install the latest stable release. Check on Github page the last release under the Releases tab and then run 
 - `git clone https://github.com/frontiere21/chat21-ionic.git --branch <LATEST-RELEASE-VERSION>`

package/angular.json

@@ -43,6 +43,8 @@
             "styles": [
               "node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css",
               "node_modules/roboto-fontface/css/roboto/roboto-fontface.css",
+              "node_modules/@ng-select/ng-select/themes/default.theme.css",
+              "node_modules/@ctrl/ngx-emoji-mart/picker.css",
               {
                 "input": "src/theme/variables.scss"
               },

package/config.xml

@@ -106,7 +106,6 @@
         <variable name="ANDROID_SUPPORT_VERSION" value="27.+" />
     </plugin>
     <plugin name="cordova-plugin-chooser" spec="^1.3.2" />
-    <plugin name="cordova-plugin-device" spec="^2.0.3" />
     <plugin name="cordova-plugin-ionic-keyboard" spec="^2.2.0" />
     <plugin name="cordova-plugin-ionic-webview" spec="^4.2.1">
         <variable name="ANDROID_SUPPORT_ANNOTATIONS_VERSION" value="27.+" />

package/deploy_pre.sh

@@ -32,7 +32,7 @@ ionic cordova build -c=pre  browser --prod
 cp -p src/firebase-messaging-sw.js platforms/browser/www/
 cp -p src/manifest.json platforms/browser/www/
 cp -p src/chat-config.json platforms/browser/www/
-
+# cp -p config.xml platforms/browser/www/
  
 ######### chat-ionic5 - the good one - publish in pre
 cd platforms/browser/www

package/deploy_prod.sh

@@ -25,7 +25,7 @@ cp -p config.xml platforms/browser/www/
 
 ###### CHAT in prod
 cd platforms/browser/www
-aws s3 sync . s3://tiledesk-dashboard/v2/chat/
+aws s3 sync . s3://tiledesk-console/v2/chat/
 aws s3 sync . s3://tiledesk-console/v2/chat/$version/
 cd ../../../
 # aws cloudfront create-invalidation --distribution-id E2DTAKWHWQ7C3J --paths "/*"

package/env.sample

@@ -13,7 +13,7 @@ LOG_LEVEL=INFO
 SUPPORT_MODE=false
 WRITE_TO_BUTTON=false,
 ARCHIVED_BUTTON=false,
-
+AUTH_PERSISTENCE=LOCAL
 # For MQTT Chat Engine
 MQTT_APPID=tilechat
 MQTT_ENDPOINT=mqtt://localhost:15675/ws

package/package.json

@@ -1,8 +1,8 @@
 {
     "name": "@chat21/chat21-ionic",
-    "version": "3.0.61-rc8",
+    "version": "3.0.61",
     "author": "Tiledesk SRL",
-    "homepage": "https://ionicframework.com/",
+    "homepage": "https://tiledesk.com/",
     "scripts": {
         "ng": "ng",
         "start": "ng serve",
@@ -23,6 +23,7 @@
         "@angular/platform-browser": "~8.2.14",
         "@angular/platform-browser-dynamic": "~8.2.14",
         "@angular/router": "~8.2.14",
+        "@ctrl/ngx-emoji-mart": "^1.0.6",
         "@ionic-native/chooser": "^5.29.0",
         "@ionic-native/core": "^5.0.7",
         "@ionic-native/globalization": "^5.28.0",
@@ -33,6 +34,7 @@
         "@ionic/angular": "^5.0.7",
         "@ionic/storage": "^2.2.0",
         "@mdi/font": "^5.1.45",
+        "@ng-select/ng-select": "^3.7.3",
         "@ngx-translate/core": "^12.1.2",
         "@ngx-translate/http-loader": "^4.0.0",
         "angular2-moment": "^1.9.0",
@@ -42,7 +44,6 @@
         "cordova-browser": "^5.0.4",
         "cordova-ios": "6.1.1",
         "cordova-plugin-chooser": "^1.3.2",
-        "cordova-plugin-device": "^2.0.3",
         "cordova-plugin-ionic-keyboard": "^2.2.0",
         "cordova-plugin-ionic-webview": "^4.2.1",
         "cordova-plugin-network-information": "^2.0.2",
@@ -95,7 +96,6 @@
         "plugins": {
             "cordova-plugin-whitelist": {},
             "cordova-plugin-statusbar": {},
-            "cordova-plugin-device": {},
             "cordova-plugin-splashscreen": {},
             "cordova-plugin-ionic-webview": {
                 "ANDROID_SUPPORT_ANNOTATIONS_VERSION": "27.+"

package/src/app/app-routing.module.ts

@@ -48,9 +48,24 @@ const routes: Routes = [
   {
     path: 'unassigned-conversations',
     loadChildren: () => import('./pages/unassigned-conversations/unassigned-conversations.module').then( m => m.UnassignedConversationsPageModule)
+  },
+  {
+    path: 'create-ticket',
+    loadChildren: () => import('./pages/create-ticket/create-ticket.module').then( m => m.CreateTicketPageModule)
+  },
+  {
+    path: 'create-requester',
+    loadChildren: () => import('./pages/create-requester/create-requester.module').then( m => m.CreateRequesterPageModule)
+  },
+  {
+    path: 'create-canned-response',
+    loadChildren: () => import('./pages/create-canned-response/create-canned-response.module').then( m => m.CreateCannedResponsePageModule)
   }
 
 
+
+
+
   // {
   //   path: 'conversation-detail/:IDConv',
   //   loadChildren: () => import('./pages/conversation-detail/conversation-detail.module').then( m => m.ConversationDetailPageModule)

package/src/app/app.component.ts

@@ -268,7 +268,7 @@ export class AppComponent implements OnInit {
 
 
   saveInStorageNumberOfOpenedChatTab() {
-    this.logger.log('Calling saveInStorageChatOpenedTab!');
+    // this.logger.log('Calling saveInStorageChatOpenedTab!');
 
     // https://jsfiddle.net/jjjs5wd3/3/å
     if (+localStorage.tabCount > 0) {
@@ -298,12 +298,13 @@ export class AppComponent implements OnInit {
    */
   ngOnInit() {
     const appconfig = this.appConfigProvider.getConfig();
-    // console.log('[APP-COMP] appconfig', appconfig)
-    if (appconfig && appconfig.supportMode) {
-      this.SUPPORT_MODE = appconfig.supportMode
-      // console.log('[APP-COMP] appconfig > SUPPORT_MODE', this.SUPPORT_MODE)
+    this.logger.log('[APP-COMP] ngOnInit  appconfig', appconfig)
+    if (appconfig && appconfig.supportMode &&  (appconfig.supportMode === true || appconfig.supportMode === 'true' )) {
+      this.SUPPORT_MODE = true;
+      this.logger.log('[APP-COMP] appconfig > SUPPORT_MODE', this.SUPPORT_MODE)
     } else {
       this.SUPPORT_MODE = false;
+      this.logger.log('[APP-COMP] appconfig > SUPPORT_MODE', this.SUPPORT_MODE)
     }
     this.persistence = appconfig.authPersistence;
     this.appStorageService.initialize(environment.storage_prefix, this.persistence, '')
@@ -435,7 +436,7 @@ export class AppComponent implements OnInit {
     // this.logger.log('[APP-COMP] - X - initializeApp !!! CALLED-BY: ', calledby);
     // console.log('[APP-COMP] appconfig platform is cordova: ', this.platform.is('cordova'))
 
-    if (!this.platform.is('cordova')) {
+    if (!this.platform.is('desktop')) {
       this.splashScreen.show();
     }
     this.tabTitle = document.title;
@@ -723,6 +724,7 @@ export class AppComponent implements OnInit {
 
       this.logger.log('[APP-COMP] checkPlatformIsMobile', checkPlatformIsMobile());
       this.platformIs = PLATFORM_MOBILE;
+      this.logger.log('[APP-COMP] this.platformIs', this.platformIs);
       const IDConv = this.route.snapshot.firstChild.paramMap.get('IDConv');
 
       // console.log('[APP-COMP]  platformIs', this.platformIs);
@@ -736,7 +738,7 @@ export class AppComponent implements OnInit {
       this.chatManager.startApp();
       this.logger.log('[APP-COMP] checkPlatformIsMobile', checkPlatformIsMobile());
       this.platformIs = PLATFORM_DESKTOP;
-      // console.log('[APP-COMP]  platformIs', this.platformIs);
+      this.logger.log('[APP-COMP]  platformIs', this.platformIs);
       // console.log('[APP-COMP] PLATFORM', PLATFORM_DESKTOP, 'route.snapshot',  this.route.snapshot);
       this.logger.log('[APP-COMP] PLATFORM_DESKTOP ', this.navService);
 
@@ -752,8 +754,8 @@ export class AppComponent implements OnInit {
       if (IDConv && FullNameConv) {
         pageUrl += IDConv + '/' + FullNameConv + '/' + Convtype
       }
-
-      this.router.navigateByUrl(pageUrl);
+      // replace(/\(/g, '%28').replace(/\)/g, '%29') -> used for the encoder of any round brackets
+      this.router.navigateByUrl(pageUrl.replace(/\(/g, '%28').replace(/\)/g, '%29'));
 
 
       // const DASHBOARD_URL = this.appConfigProvider.getConfig().DASHBOARD_URL;
@@ -1005,6 +1007,7 @@ export class AppComponent implements OnInit {
     let platformIsNow = PLATFORM_DESKTOP;
     if (checkPlatformIsMobile()) {
       platformIsNow = PLATFORM_MOBILE;
+      this.logger.log('onResize platformIsNow ', platformIsNow) 
     }
     if (!this.platformIs || this.platformIs === '') {
       this.platformIs = platformIsNow;

package/src/app/app.module.ts

@@ -82,7 +82,9 @@ import { ConversationListPageModule } from './pages/conversations-list/conversat
 import { ConversationDetailPageModule } from './pages/conversation-detail/conversation-detail.module';
 import { LoginPageModule } from './pages/authentication/login/login.module';
 import { LoaderPreviewPageModule } from './pages/loader-preview/loader-preview.module';
-
+import { CreateTicketPageModule } from './pages/create-ticket/create-ticket.module';
+import { CreateRequesterPageModule } from './pages/create-requester/create-requester.module';
+import { CreateCannedResponsePageModule } from './pages/create-canned-response/create-canned-response.module';
 // UTILS
 import { ScrollbarThemeModule } from './utils/scrollbar-theme.directive';
 import { SharedModule } from 'src/app/shared/shared.module';
@@ -90,6 +92,8 @@ import { ConversationInfoModule } from 'src/app/components/conversation-info/con
 
 
 // Directives
+// import { HtmlEntitiesEncodePipe } from './directives/html-entities-encode.pipe';
+// import { MarkedPipe } from './directives/marked.pipe';
 
 import { LoggerInstance } from 'src/chat21-core/providers/logger/loggerInstance';
 import { Network } from '@ionic-native/network/ngx';
@@ -97,6 +101,7 @@ import { ConnectionService } from 'ng-connection-service';
 import { WebSocketJs } from './services/websocket/websocket-js';
 import { UnassignedConversationsPageModule } from './pages/unassigned-conversations/unassigned-conversations.module';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+
 // FACTORIES
 export function createTranslateLoader(http: HttpClient) {
   return new TranslateHttpLoader(http, './assets/i18n/', '.json');
@@ -245,7 +250,7 @@ const appInitializerFn = (appConfig: AppConfigProvider, logger: NGXLogger) => {
 
 @NgModule({
   declarations: [
-    AppComponent,
+    AppComponent
   ],
   entryComponents: [
   ],
@@ -280,7 +285,10 @@ const appInitializerFn = (appConfig: AppConfigProvider, logger: NGXLogger) => {
     SharedModule,
     ConversationInfoModule,
     NgxLinkifyjsModule.forRoot(),
-    LoaderPreviewPageModule
+    LoaderPreviewPageModule,
+    CreateTicketPageModule,
+    CreateRequesterPageModule,
+    CreateCannedResponsePageModule
   ],
   bootstrap: [AppComponent],
 

package/src/app/chatlib/conversation-detail/ion-conversation-detail/ion-conversation-detail.component.html

@@ -54,12 +54,23 @@
 <!-- ----------------------------------------------------------- -->
 
 <div class="conversation-wpr" style="height: 100%;">
-  <div *ngFor="let message of messages; let i = index">
+  <div *ngFor="let message of messages; let i = index; let first = first; trackBy: trackByFn">
+
+    <ng-container *ngIf="first || (messages[i - 1].timestamp | date:'d') !== (message.timestamp | date:'d')">
+      <div class="long-date-divider-wpr">
+        <div class="long-date-divider-border-b"></div>
+        <div class="long-date-divider">
+          <!-- {{message.timestamp | date: 'longDate' : 'it'}} -->
+          {{message.timestamp | amDateFormat:'LL'}}
+
+        </div>
+        <div class="long-date-divider-border-b"></div>
+      </div>
+    </ng-container>
 
     <div class="align-center" class="ion-text-center" *ngIf="messageType(MESSAGE_TYPE_INFO, message)"
       class="msg_info_container">
-      <chat-info-message class="messages" 
-        [message]="message">
+      <chat-info-message class="messages" [message]="message">
       </chat-info-message>
     </div>
 
@@ -67,13 +78,15 @@
     <div role="messaggio" *ngIf="messageType(MESSAGE_TYPE_MINE, message)" class="msg_container base_sent">
 
       <!--backgroundColor non viene ancora usato -->
-      <chat-bubble-message  [ngClass]="{'has-metadata': (isImage(message) || isFrame(message))}"
-        class="messages msg_sent" id="message_msg_sent"
-        [ngClass]="{'button-in-msg' : message.metadata && message.metadata.button}" [message]="message"
-        [textColor]="'col-msg-sent'" 
-        (onBeforeMessageRender)="returnOnBeforeMessageRender($event)"
-        (onAfterMessageRender)="returnOnAfterMessageRender($event)" 
-        (onImageRendered)="onImageRenderedFN($event)">
+      
+      <chat-bubble-message style="position: relative;"
+        [ngClass]="{'has-metadata': (isImage(message) || isFrame(message))}" class="messages msg_sent"
+        id="message_msg_sent" [ngClass]="{'button-in-msg' : message.metadata && message.metadata.button}"
+        [message]="message" [textColor]="'col-msg-sent'" (onBeforeMessageRender)="returnOnBeforeMessageRender($event)"
+        (onAfterMessageRender)="returnOnAfterMessageRender($event)" (onImageRendered)="onImageRenderedFN($event)"
+        [addAsCannedResponseTooltipText]="addAsCannedResponseTooltipText" [areVisibleCAR]="areVisibleCAR"
+        [support_mode]="support_mode"
+        [class.emoticon]="message?.emoticon">
       </chat-bubble-message>
 
       <!-- icon status message -->
@@ -98,32 +111,30 @@
       </chat-avatar-image> -->
 
       <!--backgroundColor non viene ancora usato -->
-      
-      <chat-bubble-message [ngClass]="{'has-metadata': (isImage(message) || isFrame(message))}" class="messages msg_receive" id="message_msg_receive"
-        [message]="message" 
-        [textColor]="'black'"
+
+      <chat-bubble-message style="position: relative;"
+        [ngClass]="{'has-metadata': (isImage(message) || isFrame(message))}" class="messages msg_receive"
+        id="message_msg_receive" [message]="message" [textColor]="'black'"
         (onBeforeMessageRender)="returnOnBeforeMessageRender($event)"
-        (onAfterMessageRender)="returnOnAfterMessageRender($event)" 
-        (onImageRendered)="onImageRenderedFN($event)">
+        (onAfterMessageRender)="returnOnAfterMessageRender($event)" (onImageRendered)="onImageRenderedFN($event)"
+        [addAsCannedResponseTooltipText]="addAsCannedResponseTooltipText" [areVisibleCAR]="areVisibleCAR"
+        [support_mode]="support_mode"
+        [class.emoticon]="message?.emoticon">
       </chat-bubble-message>
     </div>
 
     <!-- message type:: button &&  -->
-    <div *ngIf="message?.attributes && message?.attributes?.attachment " class="slide-in-left" > 
-      <chat-message-attachment 
-          style="height: 100%; display: block;"
-          [message]="message"
-          [isLastMessage] = "isLastMessage(message?.uid)"
-          [stylesMap]="stylesMap"
-          (onAttachmentButtonClicked)="returnOnAttachmentButtonClicked($event)">
+    <div *ngIf="message?.attributes && message?.attributes?.attachment " class="slide-in-left">
+      <chat-message-attachment style="height: 100%; display: block;" [message]="message"
+        [isLastMessage]="isLastMessage(message?.uid)" [stylesMap]="stylesMap"
+        (onAttachmentButtonClicked)="returnOnAttachmentButtonClicked($event)">
       </chat-message-attachment>
     </div>
   </div>
   <!-- (fileType === 'file' && uploadProgress !== 100)  -->
 
   <!-- uploadProgress -> {{ uploadProgress }} -->
-  <div *ngIf="uploadProgress !== 100" class="msg_container base_sent"
-    style="margin-right: 20px;">
+  <div *ngIf="uploadProgress !== 100" class="msg_container base_sent" style="margin-right: 20px;">
     <div class="messages msg_sent">
       <div class="spinner">
         <div class="bounce1"></div>