@chat21/chat21-ionic 3.0.5-9.2 → 3.0.6-2.3

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>`
@@ -61,6 +67,8 @@ In progress git
         fileUploadAccept:"*/*",
         logLevel":"<YOUR-PREFERRED-LOG-LEVEL>",
         supportMode: false,
+        writeToButton: false,
+        archivedButton: false,
         firebaseConfig: {
             tenant:"tilechat",
             apiKey: '123ABC..',
@@ -92,7 +100,11 @@ In progress git
 
 * `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 
+* `supportMode`: if it is set to true it shows the left sidebar which makes dashboard and chat management smarter
+
+* `writeToButton`: if set to true, it makes the button for viewing the contact list visible and makes direct conversations with them possible
+
+* `archivedButton`: if set to true, it makes the button for viewing archived conversations visible
 
 ### Push notification
 * open `/src/firebase-messaging-sw.js` and replace messagingSenderId: with < your messagingSenderId >

package/angular.json

@@ -41,6 +41,10 @@
               "src/chat-config-dev.json"
             ],
             "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

@@ -100,19 +100,18 @@
         <splash height="828" src="resources/ios/splash/Default-Landscape-1792h~iphone.png" width="1792" />
     </platform>
     <engine name="android" spec="^6.2.3" />
-    <engine name="browser" spec="5.0.4" />
+    <engine name="browser" spec="^5.0.4" />
     <engine name="ios" spec="6.1.1" />
     <plugin name="cordova-android-support-gradle-release" spec="^3.0.1">
         <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.2" />
     <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.+" />
     </plugin>
     <plugin name="cordova-plugin-network-information" spec="^2.0.2" />
-    <plugin name="cordova-plugin-splashscreen" spec="^5.0.2" />
-    <plugin name="cordova-plugin-statusbar" spec="^2.4.2" />
-    <plugin name="cordova-plugin-whitelist" spec="^1.3.3" />
+    <plugin name="cordova-plugin-splashscreen" spec="^5.0.4" />
+    <plugin name="cordova-plugin-statusbar" spec="^2.4.3" />
+    <plugin name="cordova-plugin-whitelist" spec="^1.3.5" />
 </widget>

package/deploy_pre.sh

@@ -27,18 +27,57 @@ sed -i -e "s/$URL_VER/g" src/utils/constants.ts
 
 ionic cordova platform add browser --save
 #ionic cordova build browser --prod --release
-ionic cordova build --env=pre browser #--prod  --verbose
-
+# ionic cordova build --env=pre browser --prod  #--verbose
+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
 aws s3 sync . s3://tiledesk-dashboard-pre/chat-ionic5/$version/
 aws s3 sync . s3://tiledesk-dashboard-pre/chat-ionic5/
 cd ../../../
 
-#aws cloudfront create-invalidation --distribution-id E2DTAKWHWQ7C3J --paths "/*"
+aws cloudfront create-invalidation --distribution-id E2DTAKWHWQ7C3J --paths "/*"
 
 echo new version deployed on s3://tiledesk-dashboard-pre/chat-ionic5/$version/
-echo available on https://s3.eu-west-1.amazonaws.com/tiledesk-dashboard-pre/chat-ionic5/$version/index.html
+echo available on https://s3.eu-west-1.amazonaws.com/tiledesk-dashboard-pre/chat-ionic5/$version/index.html
+echo available on https://support-pre.tiledesk.com/chat-ionic5/$version/index.html
+echo available on https://support-pre.tiledesk.com/chat-ionic5/index.html
+
+######### chat-ionic5-panel - publish in pre with the projects right panel 
+# cd platforms/browser/www
+# aws s3 sync . s3://tiledesk-dashboard-pre/chat-ionic5-panel/$version/
+# aws s3 sync . s3://tiledesk-dashboard-pre/chat-ionic5-panel/
+# cd ../../../
+
+# aws cloudfront create-invalidation --distribution-id E2DTAKWHWQ7C3J --paths "/*"
+
+# echo new version deployed on s3://tiledesk-dashboard-pre/chat-ionic5-panel/$version/
+# echo available on https://s3.eu-west-1.amazonaws.com/tiledesk-dashboard-pre/chat-ionic5-panel/$version/index.html
+# echo available on https://support-pre.tiledesk.com/chat-ionic5-panel/$version/index.html
+# echo available on https://support-pre.tiledesk.com/chat-ionic5-panel/index.html
+
+
+####### chat ionic MQTT in pre da aggiungere in deploy_pre.sh
+# cd platforms/browser/www
+# aws s3 sync . s3://tiledesk-dashboard-pre/native-mqtt/chat-ionic5/
+# aws s3 sync . s3://tiledesk-dashboard-pre/native-mqtt/chat-ionic5/$version
+# cd ../../../
+# echo new version deployed on s3://tiledesk-dashboard-pre/native-mqtt/chat-ionic5/
+# echo new version deployed on s3://tiledesk-dashboard-pre/native-mqtt/chat-ionic5/$version
+# echo http://tiledesk-dashboard-pre.s3-eu-west-1.amazonaws.com/native-mqtt/chat-ionic5/index.html
+# echo http://tiledesk-dashboard-pre.s3-eu-west-1.amazonaws.com/native-mqtt/chat-ionic5/$version/index.html
+
+
+####### chat ionic FIREBASE in pre da aggiungere in deploy_pre.sh
+# cd platforms/browser/www
+# aws s3 sync . s3://tiledesk-dashboard-pre/chat5/
+# aws s3 sync . s3://tiledesk-dashboard-pre/chat5/$version
+# cd ../../../
+# echo new version deployed on s3://tiledesk-dashboard-pre/chat5/$version
+# echo new version deployed on s3://tiledesk-dashboard-pre/chat5/
+# echo available on http://support-pre.tiledesk.com/chat5/index.html
+# echo available on http://support-pre.tiledesk.com/chat5/$version/index.html

package/deploy_prod.sh

@@ -1,4 +1,4 @@
-npm version patch
+# npm version patch
 version=`node -e 'console.log(require("./package.json").version)'`
 echo "version $version"
 
@@ -12,22 +12,51 @@ echo 'URL_VER: ---->'$URL_VER
 #     npm publish
 # fi
 
-# sed -i -e "s/$start$ver.$build/$start$NEW_VER.$NEW_BUILD/g" src/utils/constants.ts
 sed -i -e "s/$URL_VER/g" src/utils/constants.ts
+
 ionic cordova platform add browser --save
 #ionic cordova build --env=prod browser  -- --base-href /www/ --prod
 ionic cordova build --env=prod 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 in prod
 cd platforms/browser/www
-#aws s3 sync . s3://tiledesk-dashboard/chat/
-aws s3 sync . s3://tiledesk-console/v2/chat-ionic5/
-aws s3 sync . s3://tiledesk-console/v2/chat-ionic5/$version/
+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 "/*"
 
 # echo new version deployed on s3://tiledesk-dashboard/chat/$NEW_BUILD/
-echo new version deployed on s3://tiledesk-console/v2/chat-ionic5/$version/
-echo available on https://console.tiledesk.com/v2/chat-ionic5/$version/index.html
+echo new version deployed on s3://tiledesk-console/v2/chat/$version/
+echo new version deployed on s3://tiledesk-console/v2/chat/
+echo available on https://console.tiledesk.com/v2/chat/$version/index.html
+echo available on https://console.tiledesk.com/v2/chat/index.html
+
+
+###### CHAT-IONIC5
+# cd platforms/browser/www
+# #aws s3 sync . s3://tiledesk-dashboard/chat/
+# aws s3 sync . s3://tiledesk-console/v2/chat-ionic5/
+# aws s3 sync . s3://tiledesk-console/v2/chat-ionic5/$version/
+# cd ../../../
+# # aws cloudfront create-invalidation --distribution-id E2DTAKWHWQ7C3J --paths "/*"
+
+# # echo new version deployed on s3://tiledesk-dashboard/chat/$NEW_BUILD/
+# echo new version deployed on s3://tiledesk-console/v2/chat-ionic5/$version/
+# echo available on https://console.tiledesk.com/v2/chat-ionic5/$version/index.html
+
+
+
+####### chat ionic FIREBASE in PROD IN SUBFOLDER 
+# cd platforms/browser/www
+# aws s3 sync . s3://tiledesk-console/v2/chat5-dev/
+# aws s3 sync . s3://tiledesk-console/v2/chat5-dev/$version
+# cd ../../../
+# echo new version deployed on s3://console.tiledesk.com/v2/chat5-dev/$version
+# echo new version deployed on s3://console.tiledesk.com/v2/chat5-dev/
+# echo available on http://console.tiledesk.com/v2/chat5-dev/index.html
+# echo available on http://console.tiledesk.com/v2/chat5-dev/$version/index.html

package/env.sample

@@ -3,7 +3,7 @@ DASHBOARD_URL=https://YOUR_DASHBOARD_URL
 WS_URL=wss://YOUR_TILEDESK_SERVER_URL?token=
 WS_URL_RELATIVE=********
 SERVER_BASE_URL=http://localhost:3000/
-
+FEATURES_TOKEN=CAR:F-PAY:F-ANA:F-ACT:F-APP:F
 CHAT21_ENGINE=mqtt
 UPLOAD_ENGINE=native
 PUSH_ENGINE=none
@@ -11,7 +11,9 @@ FILE_UPLOAD_ACCEPT=*/*
 TENANT=tilechat
 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.59.2",
+    "version": "3.0.62.3",
     "author": "Tiledesk SRL",
-    "homepage": "https://ionicframework.com/",
+    "homepage": "https://tiledesk.com/",
     "scripts": {
         "ng": "ng",
         "start": "ng serve",
@@ -13,13 +13,17 @@
     },
     "private": false,
     "dependencies": {
+        "@angular/animations": "^8.2.14",
+        "@angular/cdk": "^8.2.3",
         "@angular/common": "~8.2.14",
         "@angular/core": "~8.2.14",
         "@angular/forms": "~8.2.14",
         "@angular/http": "^7.2.16",
+        "@angular/material": "^8.2.3",
         "@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",
@@ -30,22 +34,22 @@
         "@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",
         "autolinker": "^3.14.2",
         "cordova-android": "^6.2.3",
         "cordova-android-support-gradle-release": "^3.0.1",
-        "cordova-browser": "5.0.4",
+        "cordova-browser": "^5.0.4",
         "cordova-ios": "6.1.1",
         "cordova-plugin-chooser": "^1.3.2",
-        "cordova-plugin-device": "^2.0.2",
         "cordova-plugin-ionic-keyboard": "^2.2.0",
         "cordova-plugin-ionic-webview": "^4.2.1",
         "cordova-plugin-network-information": "^2.0.2",
-        "cordova-plugin-splashscreen": "^5.0.2",
-        "cordova-plugin-statusbar": "^2.4.2",
-        "cordova-plugin-whitelist": "^1.3.3",
+        "cordova-plugin-splashscreen": "^5.0.4",
+        "cordova-plugin-statusbar": "^2.4.3",
+        "cordova-plugin-whitelist": "^1.3.5",
         "cordova-res": "^0.15.1",
         "core-js": "^2.5.4",
         "firebase": "^8.6.7",
@@ -59,6 +63,7 @@
         "ngx-logger": "^4.2.1",
         "ngx-perfect-scrollbar": "^9.0.0",
         "perfect-scrollbar": "^1.5.0",
+        "roboto-fontface": "^0.10.0",
         "rxjs": "~6.5.1",
         "tslib": "^1.9.0",
         "zone.js": "~0.9.1"
@@ -91,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.html

@@ -1,17 +1,27 @@
 <ion-app>
   <div>
-    <!-- (click)="hideAlert()" -->
+
     <app-image-viewer></app-image-viewer>
-    <ion-split-pane when="md" contentId="main">
 
-      <ion-nav #sidebarNav [root]="sidebarPage"></ion-nav>
+    <div class="sidebar" [ngClass]="{'hide-sidebar': IS_ONLINE === false || IS_ON_MOBILE_DEVICE === true || SUPPORT_MODE === false}">
+      <app-sidebar></app-sidebar>
+    </div>
+    
+    <div class="user-details-sidebar" [ngClass]="{'hide-sidebar': IS_ONLINE === false || IS_ON_MOBILE_DEVICE === true || SUPPORT_MODE === false}">
+      <app-sidebar-user-details> </app-sidebar-user-details>
+    </div>
+ 
+    <ion-split-pane when="md" contentId="main">
+      <!-- 'sidebar-visible': IS_ONLINE === true && SUPPORT_MODE === true, -->
+      <ion-nav #sidebarNav [root]="sidebarPage" [ngClass]="{'sidebar-hidden': IS_ON_MOBILE_DEVICE === true || SUPPORT_MODE === false}"></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> -->
       <!-- </ion-router-outlet> -->
       <!-- the main content -->
-      <ion-router-outlet id="main" #detailNav animated="false">
+      <!--  -->
+      <ion-router-outlet id="main" #detailNav animated="false" [ngClass]="{'router-outlet-margin-left': platformIs === 'mobile' &&  SUPPORT_MODE === true && IS_ON_MOBILE_DEVICE === false}">
       </ion-router-outlet>
     </ion-split-pane>
   </div>

package/src/app/app.component.scss

@@ -1,6 +1,23 @@
-.split-pane-md.split-pane-visible > .split-pane-side { 
+.split-pane-md.split-pane-visible > .split-pane-side {
     min-width: 312px;
     display: block; // Safari bug fix
+    margin-left: 60px;
+}
+
+.sidebar-visible {
+    margin-left: 60px;
+}
+
+.sidebar-hidden {
+    margin-left: 0px !important;
+}
+
+.hide-sidebar {
+    display: none;
+}
+
+.router-outlet-margin-left {
+    left: 60px
 }
 
 // @media (min-width: 768px) {