Merge pull request #15 from cometchat-pro/v2.2.0

V2.2.0

Author: TirathBhuva

CometChatWorkspace/cometchat-app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "example",
-  "version": "2.0.0",
+  "version": "2.2.0",
   "private": true,
   "scripts": {
     "android": "react-native run-android",

CometChatWorkspace/cometchat-app/react-native-chat-ui-kit/README.md

@@ -21,7 +21,10 @@
 
 </br></br>
 
-CometChat React Native UI Kit is a collection of custom **UI Components** designed to build chat application with fully customizable UI. It is designed to avoid boilerplate code for building UI.
+CometChat React Native UI Kit is a collection of custom UI Components designed to build text chat and voice/video calling features in your application. 
+
+The UI Kit is developed to keep developers in mind and aims to reduce development efforts significantly. 
+
 ---
 
 ## Prerequisites
@@ -36,6 +39,12 @@ Before you begin, ensure you have met the following requirements:
 
 - [React-Native](https://reactnative.dev/docs/environment-setup)
 
+
+
+|<div align="left"><span>**Note:**<span style="font-weight:500"> Support for Expo CLI based apps.</span> </span></div>  |
+|-----------------------------------------|
+|If you are using Expo CLI to build a React Native app, the calling component will not work as our calling component needs native-level changes.However, you can create a React Native app using React Native CLI or use the 'expo eject' command to convert your app from an expo-managed workflow to a bare workflow.|
+
 ---
 
 ## Installing CometChat React Native UI Kit
@@ -52,7 +61,7 @@ To install React-Native UI Kit, you need to first register on CometChat Dashboar
 ### ii. Add the CometChat Dependency
 
 ```javascript
-  npm install @cometchat-pro/react-native-chat@2.1.7 --save
+ npm install @cometchat-pro/react-native-chat@2.2.0 --save
 ```
 
 ### iii. Other required DEPENDENCIES
@@ -74,7 +83,7 @@ These packages help make the ui-kit smooth and functioning
 [@react-navigation/native](https://reactnavigation.org/docs/getting-started)</br>
 [@react-navigation/stack](https://reactnavigation.org/docs/stack-navigator/)</br>
 [@react-native-picker/picker](https://github.com/react-native-picker/picker)</br>
-[@react-native-community/async-storage](https://github.com/react-native-async-storage/async-storage)</br>
+[react-native-async-storage/async-storage](https://github.com/react-native-async-storage/async-storage)</br>
 [@cometchat-pro/react-native-calls](https://www.npmjs.com/package/@cometchat-pro/react-native-calls)</br>
 <br/>
 
@@ -141,7 +150,7 @@ CometChat.login(uid, authKey).then(
 ## 3. Add UI Kit to your project
 
 - Clone this repository.
-- Copy the `react-native-ui-kit` folder to your source folder.
+- Copy the `react-native-chat-ui-kit` folder to your source folder.
 - Copy all the peer dependencies from package.json into your project's package.json and install them using `npm install`.
 
 <br/>

CometChatWorkspace/cometchat-app/react-native-chat-ui-kit/package.json

@@ -1,18 +1,34 @@
 {
   "name": "cometchat-pro-react-native-ui-kit",
-  "version": "1.0.0",
+  "version": "2.2.0",
   "description": "Chat UI Kit for React Native App",
   "main": "./src/index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "lint": "eslint 'src/**/*.{js,jsx}' --quiet --fix"
   },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "*.{js,jsx}": [
+      "npm run lint",
+      "git add --all"
+    ],
+    "*.json": [
+      "git add --all"
+    ]
+  },
   "repository": {
     "type": "git",
     "url": "[email protected]:cometchat/react-native.git"
   },
   "peerDependencies": {
     "@react-native-community/async-storage": "^1.12.1",
+    "@react-native-async-storage/async-storage": "^1.13.4",
+    "@react-native-picker/picker": "^1.9.4",
     "react-native-sound": "^0.11.0",
     "react-native-vector-icons": "^7.1.0",
     "react-native-elements": "^3.0.0-alpha.1",
@@ -22,13 +38,20 @@
     "react-native": "^0.63.3",
     "react-native-gesture-handler": "^1.9.0",
     "react-native-reanimated": "^1.13.2",
+    "react-native-screens": "^2.16.1",
     "reanimated-bottom-sheet": "^1.0.0-alpha.22",
     "react-native-video": "^5.1.0-alpha8",
     "react": "^16.0.1",
     "@react-navigation/bottom-tabs": "^5.11.2",
     "@react-navigation/native": "^5.8.10",
     "@react-navigation/stack": "^5.12.8",
-    "react-native-video-controls": "^2.7.1"
+    "react-native-video-controls": "^2.7.1",
+    "rn-fetch-blob": "^0.12.0",
+    "lodash": "^4.17.20",
+    "react-native-autolink": "^3.0.0",
+    "@cometchat-pro/react-native-calls": "1.0.7",
+    "@cometchat-pro/react-native-chat": "2.2.0",
+    "emoji-mart-native": "^0.6.2-beta"
   },
   "author": "Inscripts",
   "license": "ISC",
@@ -47,14 +70,5 @@
     "metro-react-native-babel-preset": "^0.63.0",
     "prettier": "^2.1.2"
   },
-  "dependencies": {
-    "@cometchat-pro/react-native-calls": "1.0.3",
-    "@cometchat-pro/react-native-chat": "2.1.6",
-    "@react-native-community/async-storage": "^1.12.1",
-    "lodash": "^4.17.20",
-    "react-native-autolink": "^3.0.0",
-    "redux": "^4.0.5",
-    "redux-thunk": "^2.3.0",
-    "emoji-mart-native": "^0.6.2-beta"
-  }
+  "dependencies": {}
 }

README.md

@@ -53,6 +53,11 @@ CometChat Kitchen Sink Sample App (built using **CometChat UIKit**) is a fully f
 
 <hr/> 
 
+
+|<div align="left"><span>**Note:**<span style="font-weight:500"> Support for Expo CLI based apps.</span> </span></div>  |
+|-----------------------------------------|
+|If you are using Expo CLI to build a React Native app, the calling component will not work as our calling component needs native-level changes.However, you can create a React Native app using React Native CLI or use the 'expo eject' command to convert your app from an expo-managed workflow to a bare workflow.|
+---
 # Installation
 
 1. Simply clone the project from this project. After cloning the repository:
@@ -84,7 +89,7 @@ Learn more about how to integrate [UI Kit](https://github.com/cometchat-pro/reac
 
 # Troubleshooting
 
-- To read the full dcoumentation on UI Kit integration visit our [Documentation](https://prodocs.cometchat.com/docs/react-native-ui-kit) .
+- To read the full documentation on UI Kit integration visit our [Documentation](https://prodocs.cometchat.com/docs/react-native-ui-kit) .
 
 - Facing any issues while integrating or installing the UI Kit please <a href="https://app.cometchat.io/"> connect with us via real time support present in CometChat Dashboard.</a>.