@chat21/chat21-ionic 3.0.101 → 3.0.103-rc.2

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # chat21-ionic ver 3.0
 
+### 3.0.103-rc.2
+- added: google signIn for mobile platform
+- added: FMC and inAppBrowser plugins
+- minor improvements on canned responses component
+
+### 3.0.103-rc.1
+- added: ANGULAR 12 
+- added: laxy loading of modal pages
+- bug-fixed: cannot send new message in direct conversation for the first time
+
+### 3.0.102 in PROD
+
+### 3.0.102-rc.2
+- added: ANGULAR 12 
+- added: laxy loading of modal pages
+
+### 3.0.102-rc.1
+- changed: chat21client.js version to v0.1.12.5
+- changed: set callback function on chat21client.connect without wait the subscription get back
+
 ### 3.0.101 in PROD
 - changed: message-textarea tooltip translations
 - bug-fixed: offline message warning appear also if user has not an email in leadInfo

package/angular.json

@@ -28,6 +28,9 @@
               "src/chat-config-native-prod.json",
               "src/firebase-messaging-sw.js",
               "src/manifest.json",
+              "src/chat-config-template.json",
+              "src/chat-config.json",
+              "src/chat-config-dev.json",
               {
                 "glob": "**/*",
                 "input": "src/assets",
@@ -37,10 +40,7 @@
                 "glob": "**/*.svg",
                 "input": "node_modules/ionicons/dist/ionicons/svg",
                 "output": "./svg"
-              },
-              "src/chat-config-template.json",
-              "src/chat-config.json",
-              "src/chat-config-dev.json"
+              }
             ],
             "styles": [
               "node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css",
@@ -48,15 +48,27 @@
               "node_modules/@ng-select/ng-select/themes/default.theme.css",
               "node_modules/@ctrl/ngx-emoji-mart/picker.css",
               {
-                "input": "src/theme/variables.scss"
+                "input": "src/theme/variables.scss",
+                "inject": true
               },
               {
-                "input": "src/global.scss"
+                "input": "src/global.scss",
+                "inject": true
               }
             ],
             "scripts": [
               "src/assets/js/mqtt/4.1.0/mqtt.min.js"
-            ]
+            ],
+            "allowedCommonJsDependencies": [
+              "moment"
+            ],
+            "aot": false,
+            "vendorChunk": true,
+            "extractLicenses": false,
+            "buildOptimizer": false,
+            "sourceMap": true,
+            "optimization": false,
+            "namedChunks": true
           },
           "configurations": {
             "production": {
@@ -69,8 +81,7 @@
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
-              "extractCss": true,
-              "namedChunks": false,
+              "namedChunks": true,
               "aot": true,
               "extractLicenses": true,
               "vendorChunk": false,
@@ -80,6 +91,10 @@
                   "type": "initial",
                   "maximumWarning": "2mb",
                   "maximumError": "5mb"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
                 }
               ]
             },
@@ -93,8 +108,7 @@
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
-              "extractCss": true,
-              "namedChunks": false,
+              "namedChunks": true,
               "aot": true,
               "extractLicenses": true,
               "vendorChunk": false,

package/config.xml

@@ -1,8 +1,8 @@
 <?xml version='1.0' encoding='utf-8'?>
-<widget android-packageName="chat.ionic" android-versionCode="1" id="chat.tiledesk" ios-CFBundleIdentifier="it.chat.ionic" ios-CFBundleVersion="1.0.0" version="0.0.2" 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="" href="https://tiledesk.com/">Tiledesk Team</author>
+<widget android-packageName="chat.ionic" android-versionCode="9" id="chat.tiledesk" ios-CFBundleIdentifier="it.chat.ionic" ios-CFBundleVersion="1.0.9" version="0.0.9" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
+    <name>Tiledesk</name>
+    <description>Tiledesk is the core of the open source live chat platform</description>
+    <author email="info@tiledesk.com" href="https://tiledesk.com/">Tiledesk Team</author>
     <content src="index.html" />
     <access origin="*" />
     <allow-navigation href="*" />
@@ -21,6 +21,7 @@
     <preference name="SplashShowOnlyFirstTime" value="false" />
     <preference name="SplashScreen" value="screen" />
     <preference name="SplashScreenDelay" value="3000" />
+    <preference name="StatusBarOverlaysWebView" value="false" />
     <platform name="android">
         <edit-config file="app/src/main/AndroidManifest.xml" mode="merge" target="/manifest/application" xmlns:android="http://schemas.android.com/apk/res/android">
             <application android:networkSecurityConfig="@xml/network_security_config" />
@@ -103,7 +104,6 @@
         <splash height="828" src="resources/ios/splash/Default-Landscape-1792h~iphone.png" width="1792" />
     </platform>
     <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>

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@chat21/chat21-ionic",
     "author": "Tiledesk SRL",
-    "version": "3.0.101",
+    "version": "3.0.103-rc.2",
     "license": "MIT License",
     "homepage": "https://tiledesk.com/",
     "repository": {
@@ -18,36 +18,37 @@
     },
     "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/google-maps": "~9.0.0",
-        "@angular/material": "^8.2.3",
-        "@angular/platform-browser": "~8.2.14",
-        "@angular/platform-browser-dynamic": "~8.2.14",
-        "@angular/router": "~8.2.14",
+        "@angular/animations": "^12.2.6",
+        "@angular/cdk": "^12.2.13",
+        "@angular/common": "~12.2.6",
+        "@angular/core": "~12.2.6",
+        "@angular/forms": "~12.2.6",
+        "@angular/google-maps": "^12.2.13",
+        "@angular/material": "~12.2.6",
+        "@angular/platform-browser": "~12.2.6",
+        "@angular/platform-browser-dynamic": "~12.2.6",
+        "@angular/router": "~12.2.6",
         "@ctrl/ngx-emoji-mart": "^1.0.6",
-        "@ionic-native/chooser": "^5.29.0",
-        "@ionic-native/core": "^5.0.7",
+        "@ionic-native/chooser": "^5.36.0",
+        "@ionic-native/core": "^5.28.0",
+        "@ionic-native/deeplinks": "^5.36.0",
         "@ionic-native/globalization": "^5.28.0",
-        "@ionic-native/keyboard": "^5.28.0",
+        "@ionic-native/in-app-browser": "^5.36.0",
+        "@ionic-native/keyboard": "^5.36.0",
         "@ionic-native/network": "^5.36.0",
-        "@ionic-native/splash-screen": "^5.29.0",
-        "@ionic-native/status-bar": "^5.0.0",
-        "@ionic/angular": "^5.0.7",
-        "@ionic/storage": "^2.2.0",
-        "@mdi/font": "^5.1.45",
-        "@ng-select/ng-select": "^3.7.3",
+        "@ionic-native/splash-screen": "^5.28.0",
+        "@ionic-native/status-bar": "^5.28.0",
+        "@ionic/angular": "^5.8.0",
+        "@ionic/storage": "^3.0.6",
+        "@mdi/font": "^7.2.96",
+        "@ng-select/ng-select": "^7.4.0",
         "@ngx-translate/core": "^12.1.2",
         "@ngx-translate/http-loader": "^4.0.0",
-        "@types/marked": "^1.1.0",
+        "@types/marked": "^4.0.8",
         "autolinker": "^3.14.2",
-        "cordova-android": "9.1.0",
+        "cordova": "^11.1.0",
         "cordova-android-support-gradle-release": "^3.0.1",
         "cordova-browser": "^5.0.4",
-        "cordova-ios": "6.1.1",
         "cordova-plugin-chooser": "^1.3.2",
         "cordova-plugin-ionic-keyboard": "^2.2.0",
         "cordova-plugin-ionic-webview": "^4.2.1",
@@ -59,7 +60,7 @@
         "core-js": "^2.5.4",
         "file-saver": "^2.0.5",
         "firebase": "^8.6.7",
-        "marked": "^2.1.3",
+        "marked": "^4.3.0",
         "material-icons": "^1.11.2",
         "moment": "^2.29.4",
         "moment-timezone": "^0.5.28",
@@ -68,21 +69,28 @@
         "roboto-fontface": "^0.10.0",
         "rxjs": "~6.5.1",
         "sharp": "^0.32.0",
-        "tslib": "^1.9.0",
-        "zone.js": "~0.9.1"
+        "tslib": "^2.0.0",
+        "uuid": "^9.0.0",
+        "zone.js": "~0.11.4"
     },
     "devDependencies": {
-        "@angular-devkit/build-angular": "~0.803.20",
-        "@angular/cli": "~8.3.23",
-        "@angular/compiler": "~8.2.14",
-        "@angular/compiler-cli": "~8.2.14",
-        "@angular/language-service": "~8.2.14",
-        "@ionic/angular-toolkit": "^2.1.1",
+        "@angular-devkit/architect": "^0.1202.6",
+        "@angular-devkit/build-angular": "^12.2.6",
+        "@angular/cli": "~12.2.6",
+        "@angular/compiler": "~12.2.6",
+        "@angular/compiler-cli": "~12.2.6",
+        "@angular/language-service": "~12.2.6",
+        "@ionic/angular-toolkit": "^4.0.0",
         "@types/jasmine": "~3.3.8",
         "@types/jasminewd2": "~2.0.3",
         "@types/node": "^12.20.55",
-        "codelyzer": "^5.0.0",
+        "codelyzer": "^6.0.0",
+        "cordova-android": "^10.1.2",
+        "cordova-ios": "^6.3.0",
         "cordova-plugin-add-swift-support": "^2.0.2",
+        "cordova-plugin-fcm-with-dependecy-updated": "^7.8.0",
+        "cordova-plugin-inappbrowser": "^5.0.0",
+        "ionic-plugin-deeplinks": "^1.0.24",
         "jasmine-core": "~4.4.0",
         "jasmine-spec-reporter": "~4.2.1",
         "karma": "~6.4.1",
@@ -90,10 +98,10 @@
         "karma-coverage-istanbul-reporter": "~2.0.1",
         "karma-jasmine": "~5.1.0",
         "karma-jasmine-html-reporter": "^2.0.0",
-        "protractor": "~5.4.0",
+        "protractor": "~7.0.0",
         "ts-node": "~7.0.0",
-        "tslint": "~5.15.0",
-        "typescript": "^3.4.5"
+        "tslint": "~6.1.3",
+        "typescript": "~4.3.5"
     },
     "description": "An Ionic project",
     "cordova": {
@@ -101,20 +109,45 @@
             "cordova-plugin-whitelist": {},
             "cordova-plugin-statusbar": {},
             "cordova-plugin-splashscreen": {},
-            "cordova-plugin-ionic-webview": {
-                "ANDROID_SUPPORT_ANNOTATIONS_VERSION": "27.+"
-            },
+            "cordova-plugin-ionic-webview": {},
             "cordova-plugin-ionic-keyboard": {},
             "cordova-plugin-chooser": {},
+            "cordova-plugin-network-information": {},
+            "cordova-plugin-inappbrowser": {},
+            "cordova-plugin-fcm-with-dependecy-updated": {
+                "ANDROID_DEFAULT_NOTIFICATION_ICON": "@mipmap/ic_launcher",
+                "ANDROID_FCM_VERSION": "21.0.0",
+                "ANDROID_FIREBASE_BOM_VERSION": "26.0.0",
+                "ANDROID_GOOGLE_SERVICES_VERSION": "4.3.4",
+                "ANDROID_GRADLE_TOOLS_VERSION": "4.1.0",
+                "IOS_FIREBASE_MESSAGING_VERSION": "~> 7.4.0"
+            },
+            "ionic-plugin-deeplinks": {
+                "URL_SCHEME": "chat",
+                "DEEPLINK_SCHEME": "https",
+                "DEEPLINK_HOST": "panel.tiledesk.com",
+                "ANDROID_PATH_PREFIX": "/",
+                "ANDROID_2_PATH_PREFIX": "/",
+                "ANDROID_3_PATH_PREFIX": "/",
+                "ANDROID_4_PATH_PREFIX": "/",
+                "ANDROID_5_PATH_PREFIX": "/",
+                "DEEPLINK_2_SCHEME": " ",
+                "DEEPLINK_2_HOST": " ",
+                "DEEPLINK_3_SCHEME": " ",
+                "DEEPLINK_3_HOST": " ",
+                "DEEPLINK_4_SCHEME": " ",
+                "DEEPLINK_4_HOST": " ",
+                "DEEPLINK_5_SCHEME": " ",
+                "DEEPLINK_5_HOST": " "
+            },
             "cordova-android-support-gradle-release": {
                 "ANDROID_SUPPORT_VERSION": "27.+"
-            },
-            "cordova-plugin-network-information": {}
+            }
         },
         "platforms": [
             "browser",
-            "ios",
-            "android"
+            "android",
+            "ios"
         ]
     }
 }

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

@@ -9,34 +9,39 @@ const routes: Routes = [
 
   { path: '', redirectTo: 'conversation-detail', pathMatch: 'full' },
   {
-    path: 'conversations-list',
-    loadChildren: './pages/conversations-list/conversations-list.module#ConversationListPageModule'
-    // loadChildren: () => import('./pages/conversations-list/conversations-list.module').then( m => m.ConversationListPageModule)
-  },
-  { path: 'conversation-detail/:IDConv/:Convtype',
-    loadChildren: './pages/conversation-detail/conversation-detail.module#ConversationDetailPageModule'
+    path: 'login',
+    loadChildren: () => import('./pages/authentication/login/login.module').then( m => m.LoginPageModule)
   },
-  { path: 'conversation-detail/:IDConv/:FullNameConv/:Convtype',
-    loadChildren: './pages/conversation-detail/conversation-detail.module#ConversationDetailPageModule'
+  {
+    path: 'conversations-list',
+    // loadChildren: './pages/conversations-list/conversations-list.module#ConversationListPageModule'
+    loadChildren: () => import('./pages/conversations-list/conversations-list.module').then( m => m.ConversationListPageModule)
   },
   {
     path: 'conversation-detail',
-    loadChildren: './pages/conversation-detail/conversation-detail.module#ConversationDetailPageModule'
-    // loadChildren: () => import('./pages/conversation-detail/conversation-detail.module').then( m => m.ConversationDetailPageModule)
+    // loadChildren: './pages/conversation-detail/conversation-detail.module#ConversationDetailPageModule'
+    loadChildren: () => import('./pages/conversation-detail/conversation-detail.module').then( m => m.ConversationDetailPageModule)
   },
   {
     path: 'conversation-detail/:IDConv',
-    loadChildren: './pages/conversation-detail/conversation-detail.module#ConversationDetailPageModule'
-   
+    // loadChildren: './pages/conversation-detail/conversation-detail.module#ConversationDetailPageModule'
+    loadChildren: () => import('./pages/conversation-detail/conversation-detail.module').then( m => m.ConversationDetailPageModule)
+  },
+  { 
+    path: 'conversation-detail/:IDConv/:Convtype',
+    // loadChildren: './pages/conversation-detail/conversation-detail.module#ConversationDetailPageModule'
+    loadChildren: () => import('./pages/conversation-detail/conversation-detail.module').then( m => m.ConversationDetailPageModule)
+  },
+  { 
+    path: 'conversation-detail/:IDConv/:FullNameConv/:Convtype',
+    // loadChildren: './pages/conversation-detail/conversation-detail.module#ConversationDetailPageModule'
+    loadChildren: () => import('./pages/conversation-detail/conversation-detail.module').then( m => m.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)