Release v8.1.0

Release v8.1.0

README.md

@@ -1,4 +1,4 @@
-[![SupportedLanguages](https://img.shields.io/badge/Platforms-iOS%20%7C%20%20Android-green.svg)](https://www.zoho.com/salesiq/help/developer-section/react-native-sdk-installation.html) [![Version](https://img.shields.io/badge/version-8.0.7-blue.svg)](https://mobilisten.io/) [![Mobilisten NPM CD](https://github.com/zoho/SalesIQ-Mobilisten-ReactNative/workflows/Mobilisten%20NPM%20CD/badge.svg)](https://github.com/zoho/SalesIQ-Mobilisten-ReactNative/actions)
+[![SupportedLanguages](https://img.shields.io/badge/Platforms-iOS%20%7C%20%20Android-green.svg)](https://www.zoho.com/salesiq/help/developer-section/react-native-sdk-installation.html) [![Version](https://img.shields.io/badge/version-8.1.0-blue.svg)](https://mobilisten.io/) [![Mobilisten NPM CD](https://github.com/zoho/SalesIQ-Mobilisten-ReactNative/workflows/Mobilisten%20NPM%20CD/badge.svg)](https://github.com/zoho/SalesIQ-Mobilisten-ReactNative/actions)
 
 # React Native module for SalesIQ Mobilisten SDK
 

android/build.gradle

@@ -45,5 +45,5 @@ repositories {
 dependencies {
     implementation 'com.facebook.react:react-native:+'
     implementation 'com.squareup.retrofit2:converter-gson:2.9.0'
-    api 'com.zoho.salesiq:mobilisten:7.1.0'
+    api 'com.zoho.salesiq:mobilisten:7.1.1'
 }

components/zohosalesiqJSWrapper.js

@@ -57,6 +57,13 @@ module.exports = {
 
   EVENT_HANDLE_CUSTOM_LAUNCHER_VISIBILITY: RNZohoSalesIQ.EVENT_HANDLE_CUSTOM_LAUNCHER_VISIBILITY,
 
+  EVENT_NOTIFICATION_CLICKED: RNZohoSalesIQ.EVENT_NOTIFICATION_CLICKED,
+
+  ActionSource: {
+    APP: RNZohoSalesIQ.ACTION_SOURCE_APP,
+    SDK: RNZohoSalesIQ.ACTION_SOURCE_SDK,
+  },
+
   Event: {
     OPEN_URL: RNZohoSalesIQ.EVENT_OPEN_URL,
     COMPLETE_CHAT_ACTION: RNZohoSalesIQ.EVENT_COMPLETE_CHAT_ACTION
@@ -260,7 +267,10 @@ module.exports = {
   setThemeForAndroid: function (value) {
     RNZohoSalesIQ.setThemeForAndroid(value)
   },
-  refreshLauncher: function () {
+  registerLocalizationFileForiOS: function (value) {
+    RNZohoSalesIQ.registerLocalizationFile(value)
+  },
+  refreshLauncher: function() {
     RNZohoSalesIQ.refreshLauncher();
   },
 
@@ -273,6 +283,12 @@ module.exports = {
     },
     showFeedback: function (UpToDuration) {
       RNZohoSalesIQ.showFeedbackUpToDuration(UpToDuration)
+    },
+    hideQueueTime: function (value) {
+      RNZohoSalesIQ.hideQueueTime(value)
+    },
+    open: function (map) {
+      RNZohoSalesIQ.showPayloadChat(map);
     }
   },
   sendEvent: function (eventName, ...values) {
@@ -292,12 +308,26 @@ module.exports = {
   },
 
   Notification: {
-    setIconForAndroid: function (resourceName) {
+    setIconForAndroid: function(resourceName) {
       RNZohoSalesIQ.setNotificationIconForAndroid(resourceName)
+    },
+    registerPush: function(token, isTestDevice) {
+      RNZohoSalesIQ.registerPush(token, isTestDevice)
+    },
+    isSDKMessage: function(map, callback) {
+      RNZohoSalesIQ.isSDKMessage(map, callback)
+    },
+    process: function(map) {
+      RNZohoSalesIQ.processNotificationMessage(map)
+    },
+    getPayload: function(map, callback) {
+      RNZohoSalesIQ.getNotificationPayload(map, callback)
+    },
+    setActionSource: function(actionSource) {
+        RNZohoSalesIQ.setNotificationActionSource(actionSource)
     }
   },
 
-
   Logger: {
 
     INFO: RNZohoSalesIQ.INFO_LOG,

example/styles/styles.tsx

@@ -5,13 +5,21 @@ export const styles = StyleSheet.create({
     flex: 1,
     backgroundColor: "#fff",
   },
+  appBar: {
+    headerStyle: {
+        backgroundColor: '#007AFF',
+    },
+    headerTintColor: 'white'
+  },
   containerTopSpacing: {
-    paddingTop: 10,
-    paddingHorizontal: 15
+    paddingTop: 10
   },
   containerBottomSpacing: {
     marginBottom:100
   },
+  formInputsContainer: {
+    marginHorizontal: 15,
+  },
   logoContainer: {
     marginTop: 25, 
     alignItems: 'center'
@@ -29,6 +37,7 @@ export const styles = StyleSheet.create({
   },
   visitorInfoContainer: {
     marginTop: 5,
+    marginHorizontal: 15,
     flexDirection:'row',
     alignItems: "center",
     justifyContent: 'space-between',
@@ -47,10 +56,12 @@ export const styles = StyleSheet.create({
     borderColor: '#D9D9D9',
     borderRadius: 5,
     marginTop: 5,
+    marginHorizontal: 15,
   },
   spaceBetweenButtonsContainer: {
     flexDirection: 'row', 
     justifyContent: 'space-between', 
+    marginHorizontal: 15, 
     marginTop: 20,
   },
   spaceBetweenSingleButtonContainer:
@@ -70,6 +81,7 @@ export const styles = StyleSheet.create({
     borderRadius: 20,
     alignItems: 'center',
     marginTop: 20,
+    marginHorizontal: 15,
     paddingVertical:10,
     paddingHorizontal:24,
   },
@@ -99,6 +111,7 @@ export const styles = StyleSheet.create({
   },
   attenderImageContainer: {
     marginTop: 5,
+    marginHorizontal: 15,
     flexDirection: 'row',
     alignItems: 'center',
     justifyContent: 'space-between',   
@@ -125,13 +138,21 @@ export const styles = StyleSheet.create({
     height: 24,
     width: 24,
   },
-  horizontalLine:{
+  horizontalLine:
+  {
     height: 1.2,
     backgroundColor: '#EFEFEF',
+    marginHorizontal: 15,
     marginTop: 20,
   },
-  dropdownBox: {
+  dropdownContainer: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
     marginTop: 20,
+    marginHorizontal: 15,
+  },
+  dropdownBox: {
     borderColor: "#D9D9D9",
     height: 60,
     borderRadius: 6,
@@ -143,7 +164,6 @@ export const styles = StyleSheet.create({
     height: 45
   },
   dropDownContainerStyle: {
-    marginTop: 20,
     borderColor: "#D9D9D9",
   },
   dropdownPlaceholderStyle:
@@ -155,6 +175,8 @@ export const styles = StyleSheet.create({
   },
   launcherVisibilityContainer: {
     marginTop: 15,
+    marginLeft: 20,
+    marginRight: 10,
     flexDirection:'row',
     alignItems: "center",
     justifyContent: 'space-between', 
@@ -165,6 +187,7 @@ export const styles = StyleSheet.create({
     fontFamily: 'Roboto-Medium',
   },
   launcherVisibilityTabsContainerStyle: {
+    marginRight: 10,
     backgroundColor: 'transparent',
     flexDirection:'row',
   },
@@ -194,6 +217,7 @@ export const styles = StyleSheet.create({
     justifyContent: 'center',
     alignItems: 'center',
     marginTop: 10,
+    marginHorizontal: 15,
   },
   registeredUserComponentInputContainer: {
     borderColor: '#D9D9D9',
@@ -210,6 +234,7 @@ export const styles = StyleSheet.create({
   loginButtonContainer: {
     flexDirection: 'row', 
     justifyContent: 'space-between', 
+    marginHorizontal: 15, 
     marginTop: 5,
   },
   setLanguageTitle:{
@@ -219,12 +244,15 @@ export const styles = StyleSheet.create({
   },
   languageContainer: {
       marginTop: 15,
+      marginLeft: 20,
+      marginRight: 10,
       flex: 1,
       flexDirection:'row',
       alignItems: "center",
       justifyContent: 'space-between',
   },
   languageOptionsContainer: {
+      marginRight: 15,
       flexDirection:'row',
       alignItems: "center",
   },

ios/RNZohoSalesIQ.h

@@ -14,12 +14,17 @@
 
 @interface RNZohoSalesIQ : RCTEventEmitter <RCTBridgeModule, ZohoSalesIQDelegate, ZohoSalesIQChatDelegate, ZohoSalesIQFAQDelegate>
 
+@property (nonatomic, strong) NSMutableDictionary *remoteNotificationCallbacks;
+
+typedef void (^RNZohoSalesIQRemoteNotificationCallback)(UIBackgroundFetchResult result);
+
+
 + (void)enablePush:(NSString *)token isTestDevice:(BOOL)isTestDevice isProductionMode:(BOOL)isProductionMode;
 + (void)processNotificationWithInfo: (NSDictionary *) info;
 + (BOOL)isMobilistenNotification:(NSDictionary *)info;
 + (void)handleNotificationAction: (NSDictionary *) info response:(NSString *) response;
 + (NSMutableDictionary *)getFAQCategoryObject: (SIQFAQCategory*) category;
 + (NSMutableDictionary *)getFAQArticleObject: (SIQFAQArticle*) article;
 + (NSMutableDictionary *)getChatObject: (SIQVisitorChat*) chat;
-
++ (void)didReceiveNotification:(NSDictionary *)notification fetchCompletionHandler:(RNZohoSalesIQRemoteNotificationCallback)completionHandler;
 @end