SDK-3736 - React Native new architecture + iOS SDK 7.0.1 + Android SDK 7.0.1 (#396)

* Added Turbo Module architecture support in iOS

* Updated to TurboModule architecture for CleverTapSDK

* Updated to latest RN architecture

* Added event emitter support with new architecture

* fixed new arch bugs

* removed comments

* Added NativeModule fixes

* Rename .java to .kt

* task(SDK-3792) - Adds changes to the library to support new architecture

* task(SDK-3792) - Adds support for RN new architecture in android

- Changes version to 3.0.0
- Adds separate implementations for oldArch and newArch

* task(SDK-3792) - Cleanup

* refactored example app to work with both new and old architectures.

* task(SDK-3792) - Fixes non-implemented member for new arch

* task(SDK-3792) - Adds support for both old and new arch for the sample app

* changed showFallbackSettings to boolean from number

* changed expiredOnly to boolean

* task(SDK-3792) - Adds support for both old and new arch for the sample app

* changed the podspec to use CT ios sdk 7.0.0

* task(SDK-3792) - Adds support for RN 0.74.5

* task(SDK-3968) - Adds support for core v7.0.0

* task(SDK-3968) - Updates sample app with core v7.0.0

* task(SDK-3968) - Fixes app inbox issue for sample app

* updated ios sdk version to 7.0.1

* task(SDK-3968) - Adds comments

* task(SDK-3968) - Adds specific version for androidx-ktx to support multiple compileSDK versions

* task(SDK-3968) - Adds package-lock.json to Example app and updates .gitignore

* updates podspec

* Update version support in README.md

* task(SDK-3792) - Extracts constants to a common file for old and new arch

* task(SDK-3736) - Updates cord android deps to 701

* Add CT events buffering for Android and iOS (#416)

* Add CT events buffering for android

Changes for Android:
- Add buffering for some CT events that are triggered before the
react module has loaded. Buffered events are sent as soon as
a listener is regitered for them and buffering for that event is
disabled. All bufferring is disabled 5 seconds after the module
has loaded.
- Move all CT listeners to a common class
- Rearrange constants

* iOS observe and queue pending events

* Formatting

* Create CleverTapRnAPI with util initialization method
Fix double registering of PushPermissionNotificationResponseListener

* task(SDK-3968) - replaces enum getEntries() with .values()

* Add backwards compatible setInitialUri method

* Add Deprecated annotation to CleverTapModule.setInitialUri

---------

Co-authored-by: Nikola Zagorchev <[email protected]>
Co-authored-by: anush <[email protected]>

* docs(SDK-3968) - Changes path for ct deps in example app

* Docs/sdk 3968/new arch docs (#418)

* docs(SDK-3968) - Updates new arch and 701 related docs

- AndroidX Media3 related migration
- Changelog
- Updates old deps
- Adds a step for somewhat breaking change

* docs(SDK-3968) - Updates new arch and 701 related docs

- Adds code snippet for integration

* docs(SDK-3968) - Cleanup

* task(SDK-3792) - Grammar

* docs(SDK-3968) - Changes related to abstracted code

* docs(SDK-3968) - Changes related to more abstract integration

* Update CHANGELOG.md

* docs(SDK-3968) - Note regarding new arch

* docs(SDK-3968) - Updates date

* docs(SDK-3968) - Adds clarity in changelog

* Update CHANGELOG.md

* docs(SDK-3968) - Fixes docs

---------

Co-authored-by: Akash Malhotra <[email protected]>

* task(SDK-3968) - Fixes comment

* Update CleverTapReactManager.mm

---------

Co-authored-by: Akash Malhotra <>
Co-authored-by: anush <[email protected]>
Co-authored-by: Akash Malhotra <[email protected]>
Co-authored-by: Vassil Angelov <[email protected]>
Co-authored-by: Nikola Zagorchev <[email protected]>
Co-authored-by: Anush-Shand <[email protected]>

Author: 5 people

.gitignore

@@ -20,6 +20,7 @@ build/
 .gradle
 local.properties
 Example/android/app/google-services.json
+Example/android/app/.cxx
 *.iml
 .project
 .settings

CHANGELOG.md

@@ -1,5 +1,35 @@
 Change Log
 ==========
+
+Version 3.0.0 *(8 October 2024)*
+-------------------------------------------
+**What's new**
+
+* **[Android Platform]**
+  * Supports [CleverTap Android SDK v7.0.1](https://github.com/CleverTap/clevertap-android-sdk/blob/master/docs/CTCORECHANGELOG.md#version-701-september-2-2024).
+  * Removes character limit of maximum 3 lines from `AppInbox` messages.
+  * Deprecates `CleverTapModule.setInitialUri()` in favour of `CleverTapRnAPI.setInitialUri()`. Refer to [step 4](docs/integration.md#step4)
+
+* **[iOS Platform]**
+  * Supports [CleverTap iOS SDK v7.0.1](https://github.com/CleverTap/clevertap-ios-sdk/blob/master/CHANGELOG.md#version-701-august-22-2024).
+
+* **[Android and iOS Platform]**
+  * Adds support for triggering InApps based on user attribute changes.
+  * Migrates the bridge to a backwards-compatible [New Architecture Turbo Module](docs/integration.md).
+    * The CleverTap ReactNative SDK continues to be compatible with both the Old and the New Architecture.
+
+**Breaking Changes**
+* **[Android Platform]**
+  * Ensure that your custom `Application` class, extends the `CleverTapApplication` or calls `CleverTapRnAPI.initReactNativeIntegration(this);` to enable the functionality of `ClevertapPushNotificationClicked` and few other callbacks linked to killed state. Refer to [step 3](docs/integration.md#step3a)
+
+**Bug Fixes**
+* **[Android Platform]**
+  * Fixes an ANR caused by extremely old InApp campaigns.
+  * Fixes an issue where incorrect callbacks were sent for InApps when the phone was rotated.
+  * Fixes an issue where an InApp was displayed even after all the campaigns were stopped.
+  * Fixes an issue where the InApp image was not shown when the phone was rotated to landscape.
+  * Fixes an issue where certain URLs loaded incorrectly in custom HTML InApp templates.
+
 Version 2.2.1 *(12 April 2024)*
 -------------------------------------------
 **What's new**

Example/App.js

@@ -547,6 +547,7 @@ export default class App extends Component {
     // for iOS only: register for push notifications
     CleverTap.registerForPush();
     addCleverTapAPIListeners(false);
+
     CleverTap.initializeInbox();
 
     // Listener to handle incoming deep links
@@ -565,6 +566,8 @@ export default class App extends Component {
     // check to see if CleverTap has a launch deep link
     // handles the case where the app is launched from a push notification containing a deep link
     CleverTap.getInitialUrl((err, url) => {
+        const archUsed = global?.nativeFabricUIManager ? 'new' : 'old';
+        console.log(`Using RN ${archUsed} architecture`);
       if (url) {
         console.log('CleverTap launch url', url);
         _handleOpenUrl({url}, 'CleverTap');

Example/android/app/build.gradle

@@ -121,7 +121,7 @@ def jscFlavor = 'org.webkit:android-jsc:+'
  * on project.ext.react, JavaScript will not be compiled to Hermes Bytecode
  * and the benefits of using Hermes will therefore be sharply reduced.
  */
-def enableHermes = project.ext.react.get("enableHermes", false);
+def enableHermes = project.ext.react.get("enableHermes", false)
 
 android {
     ndkVersion rootProject.ext.ndkVersion
@@ -192,7 +192,12 @@ dependencies {
     implementation fileTree(dir: "libs", include: ["*.aar"])
 
     //androidx
-    implementation 'androidx.core:core:1.9.0'
+    implementation('androidx.core:core') {
+        version {
+            strictly '1.9.0'
+        }
+    }
+
     implementation 'androidx.fragment:fragment:1.3.6' // InApp
     implementation 'androidx.recyclerview:recyclerview:1.2.1' //Mandatory for App Inbox
     implementation 'androidx.viewpager:viewpager:1.0.0' //Mandatory for App Inbox
@@ -211,15 +216,15 @@ dependencies {
     implementation 'com.google.android.gms:play-services-base:18.2.0'
     implementation 'com.google.firebase:firebase-messaging:23.0.6'
     implementation 'com.google.android.material:material:1.4.0' //Mandatory for App Inbox
-    implementation 'com.google.android.exoplayer:exoplayer:2.19.1' //Optional for Audio/Video
-    implementation 'com.google.android.exoplayer:exoplayer-hls:2.19.1' //Optional for Audio/Video
-    implementation 'com.google.android.exoplayer:exoplayer-ui:2.19.1' //Optional for Audio/Video
+    implementation("androidx.media3:media3-exoplayer:1.1.1") //Optional for Audio/Video
+    implementation("androidx.media3:media3-exoplayer-hls:1.1.1") //Optional for Audio/Video
+    implementation("androidx.media3:media3-ui:1.1.1") //Optional for Audio/Video
     //implementation 'com.google.android.gms:play-services-ads:19.0.1'
 
 
     //clevertap
-    implementation 'com.clevertap.android:clevertap-android-sdk:6.2.1'
-    implementation "com.clevertap.android:push-templates:1.2.3"
+    implementation 'com.clevertap.android:clevertap-android-sdk:7.0.1'
+    implementation "com.clevertap.android:push-templates:1.2.4"
     implementation project(':clevertap-react-native')
 
 

Example/android/app/src/main/java/com/reactnct/MainActivity.java

@@ -1,10 +1,14 @@
 package com.reactnct;
 
-import android.os.Bundle;
+import android.content.Intent;
+import android.os.Build;
+import com.clevertap.android.sdk.CleverTapAPI;
 import com.facebook.react.ReactActivity;
+import com.facebook.react.ReactActivityDelegate;
+import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint;
+import com.facebook.react.defaults.DefaultReactActivityDelegate;
 
-
-public class MainActivity<packages> extends ReactActivity {
+public class MainActivity extends ReactActivity {
 
     /**
      * Returns the name of the main component registered from JavaScript. This is used to schedule
@@ -15,9 +19,30 @@ protected String getMainComponentName() {
         return "Example";
     }
 
-    protected void onCreate(Bundle savedInstanceState) {
-        super.onCreate(savedInstanceState);
+    /**
+     * Returns the instance of the {@link ReactActivityDelegate}. Here we use a util class {@link
+     * DefaultReactActivityDelegate} which allows you to easily enable Fabric and Concurrent React
+     * (aka React 18) with two boolean flags.
+     */
+    @Override
+    protected ReactActivityDelegate createReactActivityDelegate() {
+        return new DefaultReactActivityDelegate(
+                this,
+                getMainComponentName(),
+                // If you opted-in for the New Architecture, we enable the Fabric Renderer.
+                DefaultNewArchitectureEntryPoint.getFabricEnabled(), // fabricEnabled
+                // If you opted-in for the New Architecture, we enable Concurrent React (i.e. React 18).
+                DefaultNewArchitectureEntryPoint.getConcurrentReactEnabled() // concurrentRootEnabled
+        );
     }
 
-
+    @Override
+    public void onNewIntent(Intent intent) {
+        super.onNewIntent(intent);
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {
+            if (intent != null && intent.getExtras() != null) {
+                CleverTapAPI.getDefaultInstance(getApplicationContext()).pushNotificationClickedEvent(intent.getExtras());
+            }
+        }
+    }
 }

Example/android/app/src/main/java/com/reactnct/MainApplication.java

@@ -5,42 +5,30 @@
 import android.app.NotificationManager;
 import android.content.Context;
 import android.os.Bundle;
-import android.os.Handler;
-import android.os.Looper;
-import android.util.Log;
+
 import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
+
 import com.clevertap.android.pushtemplates.PushTemplateNotificationHandler;
-import com.clevertap.android.sdk.ActivityLifecycleCallback;
 import com.clevertap.android.sdk.CleverTapAPI;
 import com.clevertap.android.sdk.CleverTapAPI.LogLevel;
-import com.clevertap.android.sdk.interfaces.NotificationHandler;
-import com.clevertap.android.sdk.pushnotification.CTPushNotificationListener;
 import com.clevertap.react.CleverTapApplication;
 import com.facebook.react.PackageList;
 import com.facebook.react.ReactApplication;
-import com.facebook.react.ReactInstanceManager;
+import com.facebook.react.ReactHost;
 import com.facebook.react.ReactNativeHost;
 import com.facebook.react.ReactPackage;
-import com.facebook.react.bridge.Arguments;
-import com.facebook.react.bridge.ReactContext;
-import com.facebook.react.bridge.WritableMap;
-import com.facebook.react.modules.core.DeviceEventManagerModule;
+import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint;
+import com.facebook.react.defaults.DefaultReactHost;
+import com.facebook.react.defaults.DefaultReactNativeHost;
 import com.facebook.soloader.SoLoader;
-import java.lang.reflect.InvocationTargetException;
-import java.util.HashMap;
-import java.util.Iterator;
-import java.util.List;
-import java.util.Map;
-import org.json.JSONObject;
 
-public class MainApplication extends CleverTapApplication
-        implements ActivityLifecycleCallbacks, ReactApplication{
+import java.util.List;
 
-    private static final String TAG = "MainApplication";
+public class MainApplication extends CleverTapApplication implements ActivityLifecycleCallbacks, ReactApplication {
 
     private final ReactNativeHost mReactNativeHost =
-            new ReactNativeHost(this) {
+            new DefaultReactNativeHost(this) {
                 @Override
                 public boolean getUseDeveloperSupport() {
                     return BuildConfig.DEBUG;
@@ -52,16 +40,31 @@ protected List<ReactPackage> getPackages() {
                     List<ReactPackage> packages = new PackageList(this).getPackages();
                     // Packages that cannot be autolinked yet can be added manually here, for example:
                     // packages.add(new MyReactNativePackage());
-//            packages.add(new CleverTapPackage()); // not to add if done by autolinking
+                    // packages.add(new CleverTapPackage()); // not to add if done by autolinking
                     return packages;
                 }
 
                 @Override
                 protected String getJSMainModuleName() {
                     return "index";
                 }
+
+                @Override
+                protected boolean isNewArchEnabled() {
+                    return BuildConfig.IS_NEW_ARCHITECTURE_ENABLED;
+                }
+
+                @Override
+                protected Boolean isHermesEnabled() {
+                    return BuildConfig.IS_HERMES_ENABLED;
+                }
             };
 
+    @Override
+    public ReactHost getReactHost() {
+        return DefaultReactHost.getDefaultReactHost(getApplicationContext(), mReactNativeHost);
+    }
+
     @Override
     public ReactNativeHost getReactNativeHost() {
         return mReactNativeHost;
@@ -70,39 +73,13 @@ public ReactNativeHost getReactNativeHost() {
     @Override
     public void onCreate() {
         CleverTapAPI.setDebugLevel(LogLevel.VERBOSE);
-        CleverTapAPI.setNotificationHandler((NotificationHandler) new PushTemplateNotificationHandler());
+        CleverTapAPI.setNotificationHandler(new PushTemplateNotificationHandler());
         CleverTapAPI.getDefaultInstance(getApplicationContext()).enableDeviceNetworkInfoReporting(true);
-        registerActivityLifecycleCallbacks(this);
         super.onCreate();
         SoLoader.init(this, /* native exopackage */ false);
-        initializeFlipper(this, getReactNativeHost().getReactInstanceManager());
-    }
-
-    /**
-     * Loads Flipper in React Native templates. Call this in the onCreate method with something like
-     * initializeFlipper(this, getReactNativeHost().getReactInstanceManager());
-     */
-    private static void initializeFlipper(
-            Context context, ReactInstanceManager reactInstanceManager) {
-        if (BuildConfig.DEBUG) {
-            try {
-        /*
-         We use reflection here to pick up the class that initializes Flipper,
-        since Flipper library is not available in release mode
-        */
-                Class<?> aClass = Class.forName("com.reactnct.ReactNativeFlipper");
-                aClass
-                        .getMethod("initializeFlipper", Context.class, ReactInstanceManager.class)
-                        .invoke(null, context, reactInstanceManager);
-            } catch (ClassNotFoundException e) {
-                e.printStackTrace();
-            } catch (NoSuchMethodException e) {
-                e.printStackTrace();
-            } catch (IllegalAccessException e) {
-                e.printStackTrace();
-            } catch (InvocationTargetException e) {
-                e.printStackTrace();
-            }
+        if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
+            // If you opted-in for the New Architecture, we load the native entry point for this app.
+            DefaultNewArchitectureEntryPoint.load();
         }
     }
 

Example/android/build.gradle

@@ -3,7 +3,7 @@
 buildscript {
     ext {
         buildToolsVersion = "34.0.0"
-        minSdkVersion = 21
+        minSdkVersion = 23
         compileSdkVersion = 34
         targetSdkVersion = 34
         ndkVersion = "26.2.11394342"

Example/android/gradle.properties

@@ -30,4 +30,6 @@ FLIPPER_VERSION=0.125.0
 hermesEnabled=true
 android.defaults.buildfeatures.buildconfig=true
 android.nonTransitiveRClass=false
-android.nonFinalResIds=false
+android.nonFinalResIds=false
+newArchEnabled=true
+android.enableDexingArtifactTransform=false

Example/babel.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  presets: ['module:metro-react-native-babel-preset'],
+  presets: ['module:@react-native/babel-preset'],
 };