CP-11837: Branch Integration (#3251)

Co-authored-by: An Nguyen <[email protected]>

Author: ruijialin-avalabs

packages/core-mobile/.env.example

@@ -54,3 +54,4 @@ ANALYTICS_ENCRYPTION_KEY_ID=
 # required for gasless
 GAS_STATION_URL=
 
+BRANCH_KEY=

packages/core-mobile/.gitignore

@@ -93,4 +93,7 @@ GoogleService-Info.plist*
 # The following patterns were generated by expo-cli
 
 expo-env.d.ts
-# @end expo-cli
+# @end expo-cli
+
+# Branch
+/ios/config.xcconfig

packages/core-mobile/android/app/build.gradle

@@ -150,9 +150,11 @@ android {
         internal {
             applicationIdSuffix ".internal"
             buildConfigField "boolean", "ENABLE_FLAG_SECURE", "false"
+            manifestPlaceholders = [BRANCH_TEST_MODE:"true", BRANCH_KEY: project.env.get("BRANCH_KEY")]
         }
         external {
             buildConfigField "boolean", "ENABLE_FLAG_SECURE", "false"
+            manifestPlaceholders = [BRANCH_TEST_MODE:"false", BRANCH_KEY: project.env.get("BRANCH_KEY")]
         }
     }
 
@@ -169,6 +171,8 @@ dependencies {
     // The version of react-native is set by the React Native Gradle Plugin
     implementation("com.facebook.react:react-android")
 
+    implementation "com.google.android.gms:play-services-ads-identifier:18.0.1"
+    
     if (hermesEnabled.toBoolean()) {
         implementation("com.facebook.react:hermes-android")
     } else {

packages/core-mobile/android/app/src/main/AndroidManifest.xml

@@ -10,6 +10,7 @@
     <uses-permission android:name="android.permission.QUERY_ALL_PACKAGES" tools:node="remove" tools:ignore="QueryAllPackagesPermission" />
     <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" tools:node="remove" />
     <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
+    <uses-permission android:name="com.google.android.gms.permission.AD_ID"/>
 
     <uses-permission android:name="android.permission.BLUETOOTH_SCAN" />
     <uses-permission android:name="android.permission.BLUETOOTH_CONNECT" />
@@ -33,6 +34,11 @@
         <meta-data
                 android:name="com.google.firebase.messaging.default_notification_icon"
                 android:resource="@drawable/notification_icon" />
+        <!-- Branch init -->
+		<meta-data android:name="io.branch.sdk.BranchKey" android:value="${BRANCH_KEY}" />
+        <meta-data android:name="io.branch.sdk.BranchKey.test" android:value="${BRANCH_KEY}" />
+		<!-- Set to `true` to use `BranchKey.test` -->
+		<meta-data android:name="io.branch.sdk.TestMode" android:value="${BRANCH_TEST_MODE}" />
         <activity
             android:name=".MainActivity"
             android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|screenSize|smallestScreenSize|uiMode"

packages/core-mobile/android/app/src/main/java/com/avaxwallet/MainActivity.kt

@@ -9,6 +9,8 @@ import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.fabricEnable
 import com.facebook.react.defaults.DefaultReactActivityDelegate
 import com.zoontek.rnbootsplash.RNBootSplash
 import expo.modules.ReactActivityDelegateWrapper
+import io.branch.rnbranch.*
+import android.content.Intent
 
 class MainActivity : ReactActivity() {
 
@@ -29,6 +31,11 @@ class MainActivity : ReactActivity() {
                     DefaultReactActivityDelegate(this, mainComponentName, fabricEnabled)
             )
 
+    override fun onStart() {
+        super.onStart()
+        RNBranchModule.initSession(getIntent().getData(), this)
+    }
+
     override fun onCreate(savedInstanceState: Bundle?) {
         RNBootSplash.init(this, R.style.BootTheme)
         super.onCreate(null)
@@ -42,4 +49,10 @@ class MainActivity : ReactActivity() {
             )
         }
     }
+
+    override fun onNewIntent(intent: Intent?) {
+        super.onNewIntent(intent)
+        setIntent(intent)
+        RNBranchModule.reInitSession(this)
+    }
 }

packages/core-mobile/android/app/src/main/java/com/avaxwallet/MainApplication.kt

@@ -18,6 +18,7 @@ import com.facebook.react.modules.network.OkHttpClientProvider
 import com.facebook.react.soloader.OpenSourceMergedSoMapping
 import com.facebook.soloader.SoLoader
 import java.lang.reflect.Field
+import io.branch.rnbranch.*
 
 class MainApplication : Application(), ReactApplication {
 
@@ -45,7 +46,8 @@ class MainApplication : Application(), ReactApplication {
         super.onCreate()
 
         increaseWindowCursorSize()
-
+        RNBranchModule.getAutoInstance(this);
+        
         // Manually set user agent to our format. This helps avoid getting identified as a bot and rate limited by cloudflare
         // the default format is usually okhttp/x.x.x
         // while our format is

packages/core-mobile/android/build.gradle

@@ -61,6 +61,7 @@ allprojects {
         mavenCentral()
         maven { url "$rootDir/../node_modules/expo-camera/android/maven" }
         maven { url 'https://www.jitpack.io' }
+        maven { url 'https://maven.google.com/' }
     }
 
     configurations.all {

packages/core-mobile/app/contexts/DeeplinkContext/types.ts

@@ -14,7 +14,8 @@ export interface DeepLink {
 export enum DeepLinkOrigin {
   ORIGIN_DEEPLINK = 'deeplink',
   ORIGIN_QR_CODE = 'qr-code',
-  ORIGIN_NOTIFICATION = 'notification'
+  ORIGIN_NOTIFICATION = 'notification',
+  ORIGIN_BRANCH = 'branch'
 }
 
 export const PROTOCOLS = {

packages/core-mobile/app/new/common/hooks/useBranchDeeplinkObserver.ts

@@ -0,0 +1,43 @@
+// import { useEffect } from 'react'
+// import branch, { BranchParams } from 'react-native-branch'
+// import { useDeeplink } from 'contexts/DeeplinkContext/DeeplinkContext'
+// import { DeepLink, DeepLinkOrigin } from 'contexts/DeeplinkContext/types'
+// import { useSelector } from 'react-redux'
+// import { selectDistinctID } from 'store/posthog'
+// import Logger from 'utils/Logger'
+
+// function handleBranchDeeplink(
+//   setPendingDeepLink: (deepLink: DeepLink) => void,
+//   params?: BranchParams | undefined
+// ): void {
+//   if (params?.$deeplink_path) {
+//     setPendingDeepLink({
+//       url: params.$deeplink_path as string,
+//       origin: DeepLinkOrigin.ORIGIN_BRANCH
+//     })
+//   }
+// }
+
+// export function useBranchDeeplinkObserver(): void {
+//   const { setPendingDeepLink } = useDeeplink()
+//   const distinctID = useSelector(selectDistinctID)
+
+//   useEffect(() => {
+//     branch.setRequestMetadata('$posthog_distinct_id', distinctID)
+
+//     branch
+//       .getLatestReferringParams()
+//       .then((params?: BranchParams) =>
+//         handleBranchDeeplink(setPendingDeepLink, params)
+//       )
+//       .catch(Logger.error)
+
+//     const unsubscribe = branch.subscribe(({ params }) =>
+//       handleBranchDeeplink(setPendingDeepLink, params)
+//     )
+
+//     return () => {
+//       unsubscribe()
+//     }
+//   }, [distinctID, setPendingDeepLink])
+// }

packages/core-mobile/app/store/branch/index.ts

@@ -0,0 +1 @@
+export * from './listener'