@microsoft/omnichannel-chat-sdk 1.11.2 → 1.11.3-main.48240b1

package/README.md

@@ -150,7 +150,11 @@ npm install @microsoft/omnichannel-chat-sdk --save
 
 ## Installation on React Native
 
-The following steps will be required to run Omnichannel Chat SDK on React Native:
+***Important Note:***  
+- For React Native versions **0.71 and above**: Steps 1, 2, 3 are **required only for iOS**. Not needed for Android.
+- For React Native versions **below 0.71**: Steps 1, 2, 3 are **required for both Android and iOS**.
+  
+### Steps
 
 1. Install `node-libs-react-native`
 
@@ -158,46 +162,69 @@ The following steps will be required to run Omnichannel Chat SDK on React Native
     npm install node-libs-react-native --save-dev
     ```
 
-1. Install `react-native-randomBytes`
-
+2. Install `react-native-randombytes`
     ```console
     npm install react-native-randombytes --save-dev
     ```
 
-1. Install `react-native-get-random-values`
-
+3. Install `react-native-get-random-values`
     ```console
     npm install react-native-get-random-values --save-dev
     ```
-
-1. Install `react-native-url-polyfill`
+    
+4. Install `react-native-url-polyfill`
 
     ```console
     npm install react-native-url-polyfill --save-dev
     ```
 
-1. Install `@azure/core-asynciterator-polyfill`
+5. Install `@azure/core-asynciterator-polyfill`
 
     ```console
     npm install @azure/core-asynciterator-polyfill --save-dev
     ```
-
-1. Update *metro.config.js* to use React Native compatible Node Core modules
-
+**iOS and Android Platforms**
+
+|  React Native Version |           Libraries            |   iOS   | Android   |
+| ----------------------- | -------------------------------- | --------- | ----------- |
+| 0.71 and above        |                                |         |          | 
+|                       | node-libs-react-native         | ✅ Yes  | ❌ No     |
+|                       | react-native-randombytes       | ✅ Yes  | ❌ No     |
+|                       | react-native-get-random-values | ✅ Yes  | ❌ No     | 
+|                       | react-native-url-polyfill      | ✅ Yes  |  ✅ Yes     |
+|                       | @azure/core-asynciterator-polyfill     | ✅ Yes  |  ✅ Yes      |
+
+Below 0.71 version you need to add all above libraries.
+
+**Required file changes**
+1. In metro.config.js
+- Update *metro.config.js* to use React Native compatible Node Core modules.
     ```ts
-    module.exports = {
-        // ...
-        resolver: {
-            extraNodeModules: {
-                ...require('node-libs-react-native'),
-                net: require.resolve('node-libs-react-native/mock/net'),
-                tls: require.resolve('node-libs-react-native/mock/tls')
-            }
-        }
+    const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
+    const nodeLibs = require('node-libs-react-native'); // Import node-libs-react-native
+    const config = {
+      resolver: {
+        extraNodeModules: {
+          ...nodeLibs,
+          net: require.resolve('node-libs-react-native/mock/net'),
+          tls: require.resolve('node-libs-react-native/mock/tls'),
+        },
+      },
     };
     ```
-
-1. Add the following *import* on top of your entry point file
+- If you encounter a crypto issue for iOS (e.g. error "crypto.getRandomValues() not supported") you should install crypto-browserify and stream-browserify, then add the following lines to your *metro.config.js* file.
+   
+   ```ts
+    const config = {
+      resolver: {
+        extraNodeModules: {
+          crypto: require.resolve("crypto-browserify"),
+          stream: require.resolve("stream-browserify"),
+        },
+      },
+    };
+   ```
+2. Add the following *import* on top of your entry point file
 
     ```ts
     import 'node-libs-react-native/globals';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-sdk",
-  "version": "1.11.2",
+  "version": "1.11.3-main.48240b1",
   "description": "Microsoft Omnichannel Chat SDK",
   "files": [
     "lib/**/*"