Embedded components

android/build.gradle

@@ -222,6 +222,7 @@ dependencies {
   implementation 'androidx.appcompat:appcompat:1.4.1'
   implementation 'androidx.legacy:legacy-support-v4:1.0.0'
   implementation 'org.jetbrains.kotlinx:kotlinx-coroutines-core:1.6.0'
+  implementation 'androidx.browser:browser:1.5.0'
 
   // play-services-wallet is already included in stripe-android
   compileOnly "com.google.android.gms:play-services-wallet:19.3.0"

android/src/main/java/com/reactnativestripesdk/NavigationBarManager.kt

@@ -0,0 +1,39 @@
+package com.reactnativestripesdk
+
+import com.facebook.react.module.annotations.ReactModule
+import com.facebook.react.uimanager.SimpleViewManager
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.annotations.ReactProp
+import com.facebook.react.viewmanagers.NavigationBarManagerDelegate
+import com.facebook.react.viewmanagers.NavigationBarManagerInterface
+
+@ReactModule(name = NavigationBarManager.REACT_CLASS)
+class NavigationBarManager :
+  SimpleViewManager<NavigationBarView>(),
+  NavigationBarManagerInterface<NavigationBarView> {
+  private val delegate = NavigationBarManagerDelegate(this)
+
+  override fun getName() = REACT_CLASS
+
+  override fun getDelegate() = delegate
+
+  override fun getExportedCustomDirectEventTypeConstants() =
+    mutableMapOf(
+      EVENT_ON_CLOSE_BUTTON_PRESS to mutableMapOf("registrationName" to EVENT_ON_CLOSE_BUTTON_PRESS),
+    )
+
+  @ReactProp(name = "title")
+  override fun setTitle(
+    view: NavigationBarView,
+    title: String?,
+  ) {
+    view.setTitle(title)
+  }
+
+  override fun createViewInstance(reactContext: ThemedReactContext): NavigationBarView = NavigationBarView(reactContext)
+
+  companion object {
+    const val REACT_CLASS = "NavigationBar"
+    private const val EVENT_ON_CLOSE_BUTTON_PRESS = "onCloseButtonPress"
+  }
+}

android/src/main/java/com/reactnativestripesdk/NavigationBarView.kt

@@ -0,0 +1,119 @@
+package com.reactnativestripesdk
+
+import android.annotation.SuppressLint
+import android.graphics.Color
+import android.view.Gravity
+import android.widget.FrameLayout
+import android.widget.ImageButton
+import android.widget.TextView
+import androidx.appcompat.widget.Toolbar
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.UIManagerHelper
+import com.facebook.react.uimanager.events.Event
+
+@SuppressLint("ViewConstructor")
+class NavigationBarView(
+  context: ThemedReactContext,
+) : FrameLayout(context) {
+  private val toolbar: Toolbar
+  private val titleTextView: TextView
+  private var titleText: String? = null
+
+  init {
+    // Create Toolbar
+    toolbar =
+      Toolbar(context).apply {
+        layoutParams =
+          LayoutParams(
+            LayoutParams.MATCH_PARENT,
+            LayoutParams.WRAP_CONTENT,
+          )
+        setBackgroundColor(Color.WHITE)
+        elevation = 4f
+      }
+
+    // Create title TextView
+    titleTextView =
+      TextView(context).apply {
+        textSize = 17f
+        setTextColor(Color.BLACK)
+        gravity = Gravity.CENTER
+      }
+
+    // Add title to toolbar
+    val titleParams =
+      Toolbar
+        .LayoutParams(
+          Toolbar.LayoutParams.WRAP_CONTENT,
+          Toolbar.LayoutParams.WRAP_CONTENT,
+        ).apply {
+          gravity = Gravity.CENTER
+        }
+    toolbar.addView(titleTextView, titleParams)
+
+    // Create close button
+    val closeButton =
+      ImageButton(context).apply {
+        setImageDrawable(
+          context.resources.getDrawable(
+            android.R.drawable.ic_menu_close_clear_cancel,
+            null,
+          ),
+        )
+        setBackgroundColor(Color.TRANSPARENT)
+        setOnClickListener {
+          dispatchCloseButtonPress()
+        }
+      }
+
+    // Add close button to toolbar
+    val buttonParams =
+      Toolbar
+        .LayoutParams(
+          Toolbar.LayoutParams.WRAP_CONTENT,
+          Toolbar.LayoutParams.WRAP_CONTENT,
+        ).apply {
+          gravity = Gravity.END or Gravity.CENTER_VERTICAL
+          marginEnd = 16
+        }
+    toolbar.addView(closeButton, buttonParams)
+
+    // Add toolbar to this view
+    addView(toolbar)
+  }
+
+  fun setTitle(title: String?) {
+    titleText = title
+    titleTextView.text = title
+  }
+
+  private fun dispatchCloseButtonPress() {
+    val event =
+      CloseButtonPressEvent(
+        getContext().surfaceId,
+        id,
+      )
+    UIManagerHelper.getEventDispatcherForReactTag(getContext(), id)?.dispatchEvent(event)
+  }
+
+  override fun onMeasure(
+    widthMeasureSpec: Int,
+    heightMeasureSpec: Int,
+  ) {
+    super.onMeasure(widthMeasureSpec, heightMeasureSpec)
+    // Set a fixed height for the navigation bar
+    val desiredHeight = (56 * resources.displayMetrics.density).toInt()
+    val newHeightMeasureSpec = MeasureSpec.makeMeasureSpec(desiredHeight, MeasureSpec.EXACTLY)
+    super.onMeasure(widthMeasureSpec, newHeightMeasureSpec)
+  }
+
+  private class CloseButtonPressEvent(
+    surfaceId: Int,
+    viewId: Int,
+  ) : Event<CloseButtonPressEvent>(surfaceId, viewId) {
+    override fun getEventName() = "onCloseButtonPress"
+
+    override fun getEventData() = Arguments.createMap()
+  }
+}

android/src/main/java/com/reactnativestripesdk/StripeSdkModule.kt

@@ -1329,6 +1329,39 @@ class StripeSdkModule(
     // noop, iOS only
   }
 
+  @ReactMethod
+  override fun openAuthenticatedWebView(
+    id: String,
+    url: String,
+    promise: Promise,
+  ) {
+    val activity = getCurrentActivityOrResolveWithError(promise) ?: return
+
+    UiThreadUtil.runOnUiThread {
+      try {
+        val uri = android.net.Uri.parse(url)
+        val builder =
+          androidx.browser.customtabs.CustomTabsIntent
+            .Builder()
+
+        // Set toolbar color for better UX
+        builder.setShowTitle(true)
+        builder.setUrlBarHidingEnabled(true)
+
+        val customTabsIntent = builder.build()
+
+        // Note: Custom Tabs doesn't have built-in redirect handling like iOS ASWebAuthenticationSession.
+        // The redirect will be handled via deep linking when the auth server redirects to stripe-connect://
+        // The React Native Linking module will capture the deep link and pass it back to the JS layer.
+        customTabsIntent.launchUrl(activity, uri)
+
+        promise.resolve(null)
+      } catch (e: Exception) {
+        promise.resolve(createError("Failed", e))
+      }
+    }
+  }
+
   override fun addListener(eventType: String?) {
     // noop, iOS only
   }

android/src/main/java/com/reactnativestripesdk/StripeSdkPackage.kt

@@ -50,5 +50,6 @@ class StripeSdkPackage : BaseReactPackage() {
       AddToWalletButtonManager(reactContext),
       AddressSheetViewManager(),
       EmbeddedPaymentElementViewManager(),
+      NavigationBarManager(),
     )
 }

android/src/oldarch/java/com/reactnativestripesdk/NativeStripeSdkModuleSpec.java

@@ -268,6 +268,10 @@ private void invoke(String eventName) {
   @DoNotStrip
   public abstract void setFinancialConnectionsForceNativeFlow(boolean enabled, Promise promise);
 
+  @ReactMethod
+  @DoNotStrip
+  public abstract void openAuthenticatedWebView(String id, String url, Promise promise);
+
   @ReactMethod
   @DoNotStrip
   public abstract void addListener(String eventType);

example/android/app/src/main/java/com/microsoft/reacttestapp/MainActivity.kt

@@ -0,0 +1,40 @@
+package com.microsoft.reacttestapp
+
+import android.content.Intent
+import android.os.Bundle
+import android.util.Log
+
+/**
+ * Custom MainActivity that extends RNTA's base to handle deep links with singleTask.
+ * This file shadows the one in node_modules/react-native-test-app.
+ */
+class MainActivity : com.facebook.react.ReactActivity() {
+
+    companion object {
+        private const val TAG = "MainActivity"
+        const val REQUEST_CODE_PERMISSIONS = 42
+    }
+
+    private val testApp: TestApp
+        get() = application as TestApp
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        Log.d(TAG, "onCreate with intent: ${intent?.dataString}")
+    }
+
+    /**
+     * CRITICAL: This method handles deep links when the app is already running.
+     * With launchMode="singleTask", this is called instead of onCreate when
+     * a deep link brings the app to foreground.
+     */
+    override fun onNewIntent(intent: Intent) {
+        super.onNewIntent(intent) // ReactActivity handles sending to Linking module
+        Log.d(TAG, "onNewIntent with data: ${intent.dataString}")
+        setIntent(intent) // Update current intent
+    }
+
+    override fun getMainComponentName(): String? {
+        return testApp.manifest.singleApp ?: "example"
+    }
+}

example/android/build.gradle

@@ -42,3 +42,41 @@ allprojects {
         google()
     }
 }
+
+// Fix MainActivity launchMode and add deep link for stripe-connect
+subprojects { subproject ->
+    subproject.afterEvaluate {
+        subproject.tasks.matching { task ->
+            task.name == 'generateAndroidManifest'
+        }.configureEach { task ->
+            task.doLast {
+                def manifestFile = file("${subproject.buildDir}/generated/rnta/src/main/AndroidManifest.xml")
+                if (manifestFile.exists()) {
+                    def manifest = manifestFile.text
+
+                    // Add launchMode="singleTask"
+                    manifest = manifest.replace(
+                        '<activity android:name="com.microsoft.reacttestapp.MainActivity" android:exported="true">',
+                        '<activity android:name="com.microsoft.reacttestapp.MainActivity" android:exported="true" android:launchMode="singleTask">'
+                    )
+
+                    // Add deep link intent filter for stripe-connect
+                    def intentFilterXml = '''<intent-filter>
+        <action android:name="android.intent.action.VIEW"></action>
+        <category android:name="android.intent.category.DEFAULT"></category>
+        <category android:name="android.intent.category.BROWSABLE"></category>
+        <data android:scheme="stripe-connect"></data>
+      </intent-filter>
+      '''
+                    manifest = manifest.replace(
+                        '</intent-filter>\n    </activity>',
+                        '</intent-filter>\n      ' + intentFilterXml + '</activity>'
+                    )
+
+                    manifestFile.text = manifest
+                    println "✓ Updated MainActivity: launchMode=singleTask + stripe-connect deep link"
+                }
+            }
+        }
+    }
+}

example/app.json

@@ -25,7 +25,12 @@
     "bundleIdentifier": "com.stripe.react.native",
     "codeSignEntitlements": {
       "com.apple.developer.in-app-payments": ["merchant.com.stripe.react.native"]
-    }
+    },
+    "urlTypes": [
+      {
+        "CFBundleURLSchemes": ["stripe-connect"]
+      }
+    ]
   },
   "android": {
     "package": "com.stripe.react.native",