freerasp-react-native 2.0.1 → 2.0.2

package/README.md

@@ -20,11 +20,11 @@ freeRASP for React Native is a mobile in-app protection and security monitoring
       - [Dev vs Release version](#dev-vs-release-version)
     - [Callbacks](#callbacks)
     - [Initialization](#initialization)
+    - [Alternative: Initialize freeRASP in a Class component](#alternative-initialize-freerasp-in-a-class-component)
   - [Step 5: Additional note about obfuscation](#step-5-additional-note-about-obfuscation)
   - [Step 6: User Data Policies](#step-6-user-data-policies)
 - [Security Report](#security-report)
-- [Enterprise Services](#bar_chart-enterprise-services)
-  - [Commercial version](#commercial-version)
+- [Commercial versions (RASP+ and more)](#bar_chart-commercial-versions-rasp-and-more)
   - [Plans Comparison](#plans-comparison)
 - [About Us](#about-us)
 - [License](#license)
@@ -73,7 +73,7 @@ in order to run freeRASP in your app:
 
 # Usage
 
-We will guide you step-by-step, but you can always check the expected result in the example.
+We will guide you step-by-step, but you can always check the expected result in the example folder.
 
 ## (Optional) Create a new React Native demo application
 
@@ -101,9 +101,20 @@ freeRASP React Native plugin uses Pods. Navigate to the `ios` folder and run:
 
     $ pod install
 
+**IMPORTANT:** If you are upgrading from a previous version of freeRASP, please remove the old TalsecRuntime.xcframework and integration script from your project:
+
+1. Open up the **.xcworkspace** file
+1. Go to **Target -> Build Phases -> Link Binary With Libraries**
+1. Remove **TalsecRuntime.xcframework**
+1. On top bar select **Product -> Scheme -> Edit Scheme...**
+1. On the left side select **Build -> Pre-actions**
+1. Find integration script and click trash icon on the right side to remove it
+1. Update freeRASP. If you are getting any errors, check that in `node_modules/freerasp-react-native/ios`, TalsecRuntime.xcframework is a folder, not a symlink. If it is a symlink, remove it and reinstall the module.
+1. run `pod install`
+
 ## Step 3: Import freeRASP into the app
 
-We provide a custom hook that handles all required logic as registration of freeRASP, mounting and unmounting of listeners for you. Import the hook into your app:
+We provide a React Custom Hook that handles all required logic as registration of freeRASP, mounting and unmounting of listeners for you. Import the Hook into your app:
 
 ```ts
 import { useFreeRasp } from 'freerasp-react-native';
@@ -219,10 +230,46 @@ const actions = {
 useFreeRasp(config, actions);
 ```
 
+_Please note that useFreeRasp Hook should be called outside useEffect._
+
 When freeRASP initializes correctly, you should see `freeRASP initialized` message in logs. Otherwise, you'll see warning with description of what went wrong.
 
 _You can override this default behavior by extending the `actions` object with `started` key (to change action after successful initialization), and `initializationError` key (to set up action after unsuccessful initialization)_
 
+### Alternative: Initialize freeRASP in a Class component
+
+- import methods from the freeRASP plugin:
+
+  ```ts
+  import {
+    talsecStart,
+    setThreatListeners,
+    removeThreatListeners,
+  } from 'freerasp-react-native';
+  ```
+
+- override `constructor()` method in the entry point to your app, set listeners to threats and start freeRASP:
+
+  ```ts
+  constructor(props) {
+    super(props);
+
+    // Add these method calls
+    setThreatListeners(actions);
+    talsecStart(config);
+  }
+  ```
+
+  _In this code snippet, `actions` is object with your reactions to threats and `config` is freeRASP configuration object from previous parts of the readme._
+
+- override `componentWillUnmount()` method where you clean up the listeners:
+
+  ```ts
+  componentWillUnmount() {
+    removeThreatListeners();
+  }
+  ```
+
 ## Step 5: Additional note about obfuscation
 
 The freeRASP contains public API, so the integration process is as simple as possible. Unfortunately, this public API also creates opportunities for the attacker to use publicly available information to interrupt freeRASP operations or modify your custom reaction implementation in threat callbacks. In order for freeRASP to be as effective as possible, it is highly recommended to apply obfuscation to the final package/application, making the public API more difficult to find and also partially randomized for each application so it cannot be automatically abused by generic hooking scripts.
@@ -273,6 +320,36 @@ If you encounter any other issues, you can see the list of solved issues [here](
 - In `package.json`, update `react-native` to a higher patch version and run `npm install` (or `yarn install`).
 - [See this issue to find out which patch version is relevant for you.](https://github.com/facebook/react-native/issues/35210)
 
+### `Invalid hook call. Hooks can only be called inside of the body of a function component.`
+
+**Reason:**
+The `useFreeRasp` Hook cannot be called inside useEffect.
+
+**Solution:**
+
+- If you want to initialize freeRASP inside useEffect, you have to handle the initialization on your own. Such inititialization would look like this:
+
+```ts
+import {
+  setThreatListeners,
+  talsecStart,
+  removeThreatListeners,
+} from 'freerasp-react-native';
+
+...
+
+useEffect(() => {
+  setThreatListeners(actions);
+  talsecStart(config);
+
+  return () => {
+    removeThreatListeners();
+  };
+}, []);
+```
+
+Where `actions`, `config` are objects described in previous chapters.
+
 # Security Report
 
 The Security Report is a weekly summary describing the application's security state and characteristics of the devices it runs on in a practical and easy-to-understand way.
@@ -283,12 +360,10 @@ To receive Security Reports, fill out the _watcherMail_ field in [config](#confi
 
 ![dashboard](https://raw.githubusercontent.com/talsec/Free-RASP-Community/master/visuals/dashboard.png)
 
-# :bar_chart: Enterprise Services
+# :bar_chart: Commercial versions (RASP+ and more)
 
 We provide app security hardening SDK: i.e. AppiCrypt®, Customer Data Encryption (local storage), End-to-end encryption, Strings protection (e.g. API keys) and Dynamic Certificate Pinning to our commercial customers as well. To get the most advanced protection compliant with PSD2 RT and eIDAS and support from our experts, contact us at [talsec.app](https://talsec.app).
 
-## Commercial version
-
 The commercial version provides a top-notch protection level, extra features, support, and maintenance. One of the most valued commercial features is [AppiCrypt®](https://www.talsec.app/appicrypt) - App Integrity Cryptogram.
 
 It allows easy to implement API protection and App Integrity verification on the backend to prevent API abuse:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freerasp-react-native",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "React Native plugin for improving app security and threat monitoring on Android and iOS mobile devices.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",