Add implementation for backward compatibility in new architecture

Author: Ankitkarna

UXCamReactExample-Typescript/android/app/build.gradle

@@ -107,12 +107,6 @@ dependencies {
     // The version of react-native is set by the React Native Gradle Plugin
     implementation("com.facebook.react:react-android")
 
-    debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}")
-    debugImplementation("com.facebook.flipper:flipper-network-plugin:${FLIPPER_VERSION}") {
-        exclude group:'com.squareup.okhttp3', module:'okhttp'
-    }
-
-    debugImplementation("com.facebook.flipper:flipper-fresco-plugin:${FLIPPER_VERSION}")
     if (hermesEnabled.toBoolean()) {
         implementation("com.facebook.react:hermes-android")
     } else {

UXCamReactExample-Typescript/android/app/src/debug/java/com/reacttypescriptsample/ReactNativeFlipper.java

@@ -57,6 +57,6 @@ public void onCreate() {
       // If you opted-in for the New Architecture, we load the native entry point for this app.
       DefaultNewArchitectureEntryPoint.load();
     }
-    ReactNativeFlipper.initializeFlipper(this, getReactNativeHost().getReactInstanceManager());
+
   }
 }

UXCamReactExample-Typescript/android/app/src/main/java/com/reacttypescriptsample/MainApplication.java

@@ -3,9 +3,9 @@
 buildscript {
     ext {
         buildToolsVersion = "33.0.0"
-        minSdkVersion = 21
-        compileSdkVersion = 33
-        targetSdkVersion = 33
+        minSdkVersion = 23
+        compileSdkVersion = 34
+        targetSdkVersion = 34
 
         // We use NDK 23 which has both M1 support and is the side-by-side NDK version from AGP.
         ndkVersion = "23.1.7779620"

UXCamReactExample-Typescript/android/build.gradle

@@ -24,8 +24,6 @@ android.useAndroidX=true
 # Automatically convert third-party libraries to use AndroidX
 android.enableJetifier=true
 
-# Version of flipper SDK to use with React Native
-FLIPPER_VERSION=0.182.0
 
 # Use this property to specify which architecture you want to build.
 # You can also override it from the CLI using

UXCamReactExample-Typescript/android/gradle.properties

@@ -1,6 +1,6 @@
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-8.0.1-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.2-all.zip
 networkTimeout=10000
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists

UXCamReactExample-Typescript/android/gradle/wrapper/gradle-wrapper.properties

@@ -13,21 +13,21 @@
     "@react-native-async-storage/async-storage": "^1.23.1",
     "@react-navigation/bottom-tabs": "^6.5.8",
     "@react-navigation/native": "^6.1.7",
-    "@react-navigation/native-stack": "^6.9.13",
+    "@react-navigation/native-stack": "^6.9.26",
     "@reduxjs/toolkit": "^1.9.5",
-    "react": "^18.2.0",
+    "react": "^18.3.1",
     "react-native": "^0.74.0",
     "react-native-element-dropdown": "^2.9.0",
     "react-native-image-picker": "^5.6.0",
     "react-native-maps": "^1.7.1",
-    "react-native-pager-view": "^6.2.0",
-    "react-native-safe-area-context": "^4.6.3",
-    "react-native-screens": "^3.22.0",
-    "react-native-toast-message": "^2.1.6",
-    "react-native-ux-cam": "^5.4.8",
-    "react-native-video": "^5.2.1",
-    "react-native-webview": "^13.2.2",
-    "react-redux": "^8.1.1"
+    "react-native-pager-view": "^6.3.3",
+    "react-native-safe-area-context": "^4.10.5",
+    "react-native-screens": "^3.32.0",
+    "react-native-toast-message": "^2.2.0",
+    "react-native-ux-cam": "../uxcam-react-wrapper",
+    "react-native-video": "^6.3.0",
+    "react-native-webview": "^13.10.4",
+    "react-redux": "^9.1.2"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",