@chat21/chat21-ionic 3.0.58 → 3.0.59-rc15

package/CHANGELOG.md

@@ -1,5 +1,74 @@
 # chat21-ionic ver 3.0
 
+### 3.0.59-rc15
+- Implements a method in app.components that counts and stores the number of open Chat tabs
+- Implements a method on the conversation list page that prevents a new chat tab from opening when the agent clicks "Open Chat" from the dashboard
+
+### 3.0.59-rc14
+- Fixes the bug: the sound that warns that a new conversation has been received does not work
+
+### 3.0.59-rc12
+- Fixes the bug: Cannot read properties of undefined (reading 'get') when "translationMap" in not yet defined
+- Fixes the bug: when the log out is performed, the item with the number of new conversations remains visible in the left side panel of the conversations list
+
+### 3.0.59-rc11
+- Fixed bug: the item in the left side panel showing the number of new conversations is not displayed if there are no conversations
+- Removes the "last_project" object and the "contacts" object on logout from local storage
+
+### 3.0.59-rc10
+- Changes in config.xml the site URL of the author 
+- Changes the splash screen images
+- Adds the "browser" platform configuration in config.xml
+- Initialize in app.module.ts firebase to handle push notifications if chatEngine is "mqtt"
+
+### 3.0.59-rc9
+- Changes in the archived conversations the date format if the browser language is English
+- Displays the button to open the contact list for direct conversations and the entry at the top of the conversation list showing the number of unassigned conversations for a selected project if the "supportMode" configuration property is set to true
+- Adds a style rule on the unassigned conversations page that changes the background of the "ion-content" if the project list is displayed in the iframe
+- Adds "supportMode" property to env.sample, chat-config-template.json and chat-config.json
+
+### 3.0.59-rc8
+- Changes the title of the modal window showing unassigned conversations from "Unassigned Conversations" to "New Conversations"
+- Fixes the bug: if the "chatEngine" property value is set to "mqtt" the login modal window does not disappear even if the agent is logged in
+- Fixed the value of the configuration property "dashboardUrl"
+
+### 3.0.59-rc7
+- Fixes the bug "Cannot read properties of undefined (reading 'get')" in component template showing the number of new conversations
+- Fixes the bug: the value of the "supportMode" property is passed hard-coded
+
+### 3.0.59-rc6
+- Outsources the websocket URL to environments
+- Improves the graphic of the element, positioned at the top of the conversation list, which displays the number of new conversations
+- Adds "wsUrl" property to env.sample, chat-config-template.json and chat-config.json
+- Updates environments with "wsUrl" property
+
+### 3.0.59-rc5
+- Display a "toast message" of success after that the agent has joined to an unassigned conversation and other minor improvements
+
+### 3.0.59-rc4
+- Adds an item to the top of the conversation list that shows the number of unassigned conversations for a selected project
+- Adds the ability, by clicking on the element that displays the number of unassigned conversations, to view the unassigned conversations and to join to them or archive them
+
+### 3.0.59-rc3
+- Improves the method that allows to chain multiple canned responses
+
+### 3.0.59-rc2
+- Fixes the bug: on small windows, images and iframes are not the same size as the bubble message that contains them
+- Adds in the "bubble-message" component a check if the metadata is an object before calling the getMetadataSize() method
+- Hides the "canned responses" if there are whitespace after the forward slash "/" or if there are no whitespace before the forward slash "/"
+- Fixes the bug: if the "canned responses" are selected with the mouse, the "send message" text area does not have focus
+- Adds the image viewer and the ability to download an image from it
+- Fixes the position of the "archive" button when the app runs on mobile devices
+- Updates Android splash screen .png image
+
+### 3.0.59-rc1
+- Fixes the bug: the "send message" button remains in the "disabled" state even if it is active
+- Changes the format of the date displayed in the message tooltips
+- Fixes the bug: the sender's avatar is not always displayed in the messages header
+- Fixes the bug: the sender's name is not always displayed in the messages header
+- Fixes the bug: in the avatar-profile component the properties 'avatarUrl', 'color' and 'avatar' are private and accessible only within the class
+- Fixes the bug: on ios platforms the back button in the conversation details header overlaps the avatar
+
 ### 3.0.58
 - Changes the logic with which the 'online' / 'offline' event is published (done before by the onAuthStateChanged() method)
 - Removes the setTimeout set for displaying the login window

package/README.md

@@ -1,5 +1,9 @@
 [![npm version](https://badge.fury.io/js/%40chat21%2Fchat21-ionic.svg)](https://badge.fury.io/js/%40chat21%2Fchat21-ionic)
 
+> ***🚀 Do you want to install Tiledesk on your server with just one click?***
+> 
+> ***Use [Docker Compose Tiledesk installation](https://github.com/Tiledesk/tiledesk-deployment/blob/master/docker-compose/README.md) guide***
+
 Chat21 is the core of the open source live chat platform [Tiledesk.com](http://www.tiledesk.com).
 
 # Features #
@@ -56,6 +60,7 @@ In progress git
         pushEngine:"none", // OR YOUR CUSTOM PUSH ENGINE
         fileUploadAccept:"*/*",
         logLevel":"<YOUR-PREFERRED-LOG-LEVEL>",
+        supportMode: false,
         firebaseConfig: {
             tenant:"tilechat",
             apiKey: '123ABC..',
@@ -75,6 +80,7 @@ In progress git
         "apiUrl": "https://<YOUR-TILEDESK-API-URL>",
         "baseImageUrl": "https://<YOUR-BASE-IMAGE-URL>",
         "dashboardUrl": "https://<YOUR-DASHBOARD-URL>"
+        "wsUrl": 'ws://' + window.location.hostname + '/ws/',
     }
   };
   ```
@@ -84,6 +90,9 @@ In progress git
 
 * `fileUploadAccept`: The Chat21-ionic allows you to manage the type of files that can be uploaded. By default, all file types are accepted.
 
+* `wsUrl`: allows you to know in real time the agent's availability status, the agent's busy status and the number of unassigned conversations for a selected project
+
+* `supportMode`: if set to true it allows you to view the list of contacts from which you can make direct conversations and the item at the top of the list of conversations that shows the number of unassigned conversations of a selected project and that the agent can view and take over by clicking on it 
 
 ### Push notification
 * open `/src/firebase-messaging-sw.js` and replace messagingSenderId: with < your messagingSenderId >

package/config.xml

@@ -2,7 +2,7 @@
 <widget id="chat.tiledesk" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
     <name>Chat21</name>
     <description>Chat21 is the core of the open source live chat platform</description>
-    <author email="hi@ionicframework.com" href="http://ionicframework.com/">Tiledesk Team</author>
+    <author email="" href="https://tiledesk.com/">Tiledesk Team</author>
     <content src="index.html" />
     <access origin="*" />
     <allow-navigation href="*" />
@@ -18,8 +18,17 @@
     <preference name="SplashMaintainAspectRatio" value="true" />
     <preference name="FadeSplashScreenDuration" value="300" />
     <preference name="SplashShowOnlyFirstTime" value="false" />
-    <preference name="SplashScreen" value="screen" />
+    <preference name="SplashScreen" value="assets/splash_white.jpg" />
     <preference name="SplashScreenDelay" value="3000" />
+    <platform name="browser">
+        <preference name="SplashScreen" value="assets/transparent.png" />
+        <preference name="AutoHideSplashScreen" value="true" />
+        <preference name="SplashScreenDelay" value="3000" />
+        <preference name="SplashScreenBackgroundColor" value="white" />
+        <preference name="ShowSplashScreen" value="false" />
+        <preference name="SplashScreenWidth" value="600" />
+        <preference name="SplashScreenHeight" value="300" />
+    </platform>
     <platform name="android">
         <edit-config file="AndroidManifest.xml" mode="merge" target="/manifest/application" xmlns:android="http://schemas.android.com/apk/res/android">
             <application android:networkSecurityConfig="@xml/network_security_config" />

package/env.sample

@@ -1,5 +1,6 @@
 API_BASEIMAGE_URL=CHANGEIT
 DASHBOARD_URL=https://YOUR_DASHBOARD_URL
+WS_URL=wss://YOUR_TILEDESK_SERVER_URL?token=
 
 SERVER_BASE_URL=http://localhost:3000/
 
@@ -9,6 +10,7 @@ PUSH_ENGINE=none
 FILE_UPLOAD_ACCEPT=*/*
 TENANT=tilechat
 LOG_LEVEL=INFO
+SUPPORT_MODE=false
 
 # For MQTT Chat Engine
 MQTT_APPID=tilechat

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chat21/chat21-ionic",
-    "version": "3.0.58",
+    "version": "3.0.59-rc15",
     "author": "Tiledesk SRL",
     "homepage": "https://ionicframework.com/",
     "scripts": {

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

@@ -29,6 +29,27 @@ const routes: Routes = [
     loadChildren: './pages/conversation-detail/conversation-detail.module#ConversationDetailPageModule'
    
   },
+  {
+    path: 'contacts-directory',
+    loadChildren: () => import('./pages/contacts-directory/contacts-directory.module').then( m => m.ContactsDirectoryPageModule)
+  },
+  {
+    path: 'login',
+    loadChildren: () => import('./pages/authentication/login/login.module').then( m => m.LoginPageModule)
+  },
+  {
+    path: 'profile-info',
+    loadChildren: () => import('./pages/profile-info/profile-info.module').then( m => m.ProfileInfoPageModule)
+  },
+  {
+    path: 'loader-preview',
+    loadChildren: () => import('./pages/loader-preview/loader-preview.module').then( m => m.LoaderPreviewPageModule)
+  },
+  {
+    path: 'unassigned-conversations',
+    loadChildren: () => import('./pages/unassigned-conversations/unassigned-conversations.module').then( m => m.UnassignedConversationsPageModule)
+  }
+
 
   // {
   //   path: 'conversation-detail/:IDConv',
@@ -50,23 +71,6 @@ const routes: Routes = [
   //   // loadChildren: () => import('./pages/details/details.module').then( m => m.DetailsPageModule),
   //   // loadChildren: './pages/details/details.module',
   // },
-  {
-    path: 'contacts-directory',
-    loadChildren: () => import('./pages/contacts-directory/contacts-directory.module').then( m => m.ContactsDirectoryPageModule)
-  },
-  {
-    path: 'login',
-    loadChildren: () => import('./pages/authentication/login/login.module').then( m => m.LoginPageModule)
-  },
-  {
-    path: 'profile-info',
-    loadChildren: () => import('./pages/profile-info/profile-info.module').then( m => m.ProfileInfoPageModule)
-  },
-  {
-    path: 'loader-preview',
-    loadChildren: () => import('./pages/loader-preview/loader-preview.module').then( m => m.LoaderPreviewPageModule)
-  }
-
 
 
   // {

package/src/app/app.component.html

@@ -1,11 +1,14 @@
 <ion-app>
-  <div > <!-- (click)="hideAlert()" -->
+  <div>
+    <!-- (click)="hideAlert()" -->
+    <app-image-viewer></app-image-viewer>
     <ion-split-pane when="md" contentId="main">
+
       <ion-nav #sidebarNav [root]="sidebarPage"></ion-nav>
       <!--  our side menu  -->
       <!-- <ion-router-outlet id="sidebar" name='sidebar' animated="false" #masterNav> -->
-        <!-- <app-conversations-list></app-conversations-list> -->
-        <!-- <app-details></app-details> -->
+      <!-- <app-conversations-list></app-conversations-list> -->
+      <!-- <app-details></app-details> -->
       <!-- </ion-router-outlet> -->
       <!-- the main content -->
       <ion-router-outlet id="main" #detailNav animated="false">