@chat21/chat21-ionic 3.0.5-8.1 → 3.0.5-9.1

package/CHANGELOG.md

@@ -1,7 +1,109 @@
 # chat21-ionic ver 3.0
 
-### 3.0.58.1
-- Fix 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
+### 3.0.59.1
+- Fixes the bug: "Unable to read uid of undefined" error occurs when agent logs out
+- Fixes the bug: When the agent logs into the chat and the chat is in mobile mode, no conversations are displayed
+- Conditions the opening of the websocket to retrieve the number of conversations not assigned to the "supportMode" property set to true
+
+### 3.0.59
+- Deploys in production 
+
+### 3.0.59-rc23
+- Fixes the bug: the badge indicating the number of unassigned conversations does not update correctly when the project is changed
+- Changes the code that prevent the chat from opening in a new browser tab if the chat tab is already open
+- Publish conversations returned by subscription to websocket conversations > "on data" callback
+
+### 3.0.59-rc22
+- Minor improvements
+
+### 3.0.59-rc21
+- chat21client.js -> v0.1.9
+
+### 3.0.59-rc20
+- Improves the transition from "mobile" to "desktop" mode and vice versa by not reloading the app 
+
+### 3.0.59-rc19
+- Fixes the bug: when the chat is in "mobile" mode and from the dashboard the agent clicks on "Open chat" for a specific conversation the "back" button of the chat does not return to the list of conversations
+- Fixes the bug: when the chat is in "mobile" mode and from the dashboard the agent clicks on "Open chat" for a specific conversation the chat does not display the details of the conversation
+
+### 3.0.59-rc18
+- Improves the "app-config" service
+
+### 3.0.59-rc16
+- Changes in config.xml the value of the "SplashScreen"
+- Improves the method to avoid page reloading when an agent clicks the "Open Chat" button of the dashboard on the realtime and non-real time conversation list page and on the conversation detail page
+- Modifies the "app-config" service by adding the ability to pass relative URLs to the websocket
+- Adds "wsUrlRel" property to env.sample, chat-config-template.json and chat-config.json
+- Adds a check in the "websocket-js.ts" service on the existence of the "ws" property of the "WebSocketJs" class before accessing the property "readyState"
+
+### 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)

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,7 +18,7 @@
     <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/logo.png" />
     <preference name="SplashScreenDelay" value="3000" />
     <platform name="android">
         <edit-config file="AndroidManifest.xml" mode="merge" target="/manifest/application" xmlns:android="http://schemas.android.com/apk/res/android">

package/env.sample

@@ -1,6 +1,7 @@
 API_BASEIMAGE_URL=CHANGEIT
 DASHBOARD_URL=https://YOUR_DASHBOARD_URL
-
+WS_URL=wss://YOUR_TILEDESK_SERVER_URL?token=
+WS_URL_RELATIVE=********
 SERVER_BASE_URL=http://localhost:3000/
 
 CHAT21_ENGINE=mqtt
@@ -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.1",
+    "version": "3.0.59.1",
     "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">

package/src/app/app.component.scss

@@ -1,6 +1,11 @@
-@media (min-width: 768px) {
-    .split-pane-md.split-pane-visible > .split-pane-side {
-        min-width: 312px;
-        display: block; // Safari bug fix
-    }
+.split-pane-md.split-pane-visible > .split-pane-side { 
+    min-width: 312px;
+    display: block; // Safari bug fix
 }
+
+// @media (min-width: 768px) {
+//     .split-pane-md.split-pane-visible > .split-pane-side {
+//         min-width: 312px;
+//         display: block; // Safari bug fix
+//     }
+// }