@stripe/stripe-react-native 0.45.0 → 0.47.0

package/.env

@@ -0,0 +1,19 @@
+# Stripe API keys - see https://stripe.com/docs/development/quickstart#api-keys
+STRIPE_PUBLISHABLE_KEY=pk_test
+STRIPE_SECRET_KEY=sk_test
+
+STRIPE_PUBLISHABLE_KEY_MY=pk_test
+STRIPE_SECRET_KEY_MY=sk_test
+
+STRIPE_PUBLISHABLE_KEY_MX=pk_test
+STRIPE_SECRET_KEY_MX=sk_test
+
+STRIPE_PUBLISHABLE_KEY_AU=pk_test
+STRIPE_SECRET_KEY_AU=sk_test
+
+STRIPE_PUBLISHABLE_KEY_WECHAT=pk_test
+STRIPE_SECRET_KEY_WECHAT=sk_test
+
+# Required for webhook forwarding
+# See the README on how to do this with the Stripe CLI
+STRIPE_WEBHOOK_SECRET=whsec_

package/CHANGELOG.md

@@ -1,7 +1,18 @@
 # CHANGELOG
-## Unreleased
+## 0.47.0 - 2025-05-21
+
+**Features**
+- Added `customerEphemeralKeySecret` and `customerSessionClientSecret` to EmbeddedPaymentElement 
+
+## 0.46.0 - 2025-05-08
+
+**Features**
+- Added support for the Embedded Payment Element. Learn more by visiting the [docs](https://docs.stripe.com/payments/mobile/embedded).
+
+## 0.45.0 - 2025-04-29
 
 ** Features **
+- Support for the New Architecture in React Native v0.68 or later.
 - Ability to update saved cards when using CustomerSessions (private preview)
 
 **Fixes**

package/README.md

@@ -5,9 +5,6 @@
 
 The Stripe React Native SDK allows you to build delightful payment experiences in your native Android and iOS apps using React Native. We provide powerful and customizable UI screens and elements that can be used out-of-the-box to collect your users' payment details.
 
-> [!WARNING]
-> Until we support React Native's [New Architecture](https://reactnative.dev/blog/2024/10/23/the-new-architecture-is-here), if you are using React Native 0.76 or higher, we recommend [opting out](https://reactnative.dev/blog/2024/10/23/the-new-architecture-is-here#opt-out) of it.
-
 ## Getting started
 
 Get started with our [📚 integration guides](https://stripe.com/docs/payments/accept-a-payment?platform=react-native) and [example project](./CONTRIBUTING.md#running-the-example-app), or [📘 browse the SDK reference](https://stripe.dev/stripe-react-native).
@@ -78,6 +75,7 @@ to your `app.json` file, where `merchantIdentifier` is the Apple merchant ID obt
 - Android 5.0 (API level 21) and above
   - Your `compileSdkVersion` must be `34`. See [this issue](https://github.com/stripe/stripe-react-native/issues/812) for potential workarounds.
 - Android gradle plugin 4.x and above
+- Kotlin 2.x and above. See [this issue](https://github.com/stripe/stripe-react-native/issues/1924#issuecomment-2867227374) for how to update the Kotlin version when using react-native 0.77 and below or Expo SDK 52.
 
 _Components_
 

package/android/build.gradle

@@ -235,4 +235,5 @@ dependencies {
   androidTestImplementation "org.mockito:mockito-core:3.+"
 
   implementation "androidx.compose.ui:ui:1.7.8"
+  implementation "androidx.compose.foundation:foundation-layout:1.7.8"
 }

package/android/gradle.properties

@@ -3,4 +3,4 @@ StripeSdk_compileSdkVersion=30
 StripeSdk_targetSdkVersion=28
 StripeSdk_minSdkVersion=21
 # Keep StripeSdk_stripeVersion in sync with https://github.com/stripe/stripe-identity-react-native/blob/main/android/gradle.properties
-StripeSdk_stripeVersion=21.12.+
+StripeSdk_stripeVersion=21.14.+

package/android/src/main/java/com/reactnativestripesdk/CollectBankAccountLauncherFragment.kt

@@ -1,14 +1,9 @@
 package com.reactnativestripesdk
 
-import android.os.Bundle
-import android.view.LayoutInflater
-import android.view.View
-import android.view.ViewGroup
-import android.widget.FrameLayout
-import androidx.fragment.app.Fragment
 import com.facebook.react.bridge.Promise
 import com.facebook.react.bridge.ReactApplicationContext
 import com.reactnativestripesdk.utils.ErrorType
+import com.reactnativestripesdk.utils.StripeFragment
 import com.reactnativestripesdk.utils.createError
 import com.reactnativestripesdk.utils.createResult
 import com.reactnativestripesdk.utils.mapFromFinancialConnectionsEvent
@@ -23,19 +18,18 @@ import com.stripe.android.payments.bankaccount.CollectBankAccountConfiguration
 import com.stripe.android.payments.bankaccount.CollectBankAccountLauncher
 import com.stripe.android.payments.bankaccount.navigation.CollectBankAccountResult
 
-class CollectBankAccountLauncherFragment(
-  private val context: ReactApplicationContext,
-  private val publishableKey: String,
-  private val stripeAccountId: String?,
-  private val clientSecret: String,
-  private val isPaymentIntent: Boolean,
-  private val collectParams: CollectBankAccountConfiguration.USBankAccount,
-  private val promise: Promise,
-) : Fragment() {
+class CollectBankAccountLauncherFragment : StripeFragment() {
+  private lateinit var context: ReactApplicationContext
+  private lateinit var publishableKey: String
+  private var stripeAccountId: String? = null
+  private lateinit var clientSecret: String
+  private var isPaymentIntent: Boolean = false
+  private lateinit var collectParams: CollectBankAccountConfiguration.USBankAccount
+  private lateinit var promise: Promise
   private lateinit var collectBankAccountLauncher: CollectBankAccountLauncher
 
-  override fun onCreate(savedInstanceState: Bundle?) {
-    super.onCreate(savedInstanceState)
+  override fun prepare() {
+    collectBankAccountLauncher = createBankAccountLauncher()
 
     val stripeSdkModule: StripeSdkModule? = context.getNativeModule(StripeSdkModule::class.java)
     if (stripeSdkModule != null) {
@@ -44,23 +38,6 @@ class CollectBankAccountLauncherFragment(
         stripeSdkModule.emitOnFinancialConnectionsEvent(params)
       }
     }
-  }
-
-  override fun onCreateView(
-    inflater: LayoutInflater,
-    container: ViewGroup?,
-    savedInstanceState: Bundle?,
-  ): View {
-    collectBankAccountLauncher = createBankAccountLauncher()
-
-    return FrameLayout(requireActivity()).also { it.visibility = View.GONE }
-  }
-
-  override fun onViewCreated(
-    view: View,
-    savedInstanceState: Bundle?,
-  ) {
-    super.onViewCreated(view, savedInstanceState)
 
     if (isPaymentIntent) {
       collectBankAccountLauncher.presentWithPaymentIntent(
@@ -124,5 +101,25 @@ class CollectBankAccountLauncherFragment(
 
   companion object {
     internal const val TAG = "collect_bank_account_launcher_fragment"
+
+    fun create(
+      context: ReactApplicationContext,
+      publishableKey: String,
+      stripeAccountId: String? = null,
+      clientSecret: String,
+      isPaymentIntent: Boolean,
+      collectParams: CollectBankAccountConfiguration.USBankAccount,
+      promise: Promise,
+    ): CollectBankAccountLauncherFragment {
+      val instance = CollectBankAccountLauncherFragment()
+      instance.context = context
+      instance.publishableKey = publishableKey
+      instance.stripeAccountId = stripeAccountId
+      instance.clientSecret = clientSecret
+      instance.isPaymentIntent = isPaymentIntent
+      instance.collectParams = collectParams
+      instance.promise = promise
+      return instance
+    }
   }
 }

package/android/src/main/java/com/reactnativestripesdk/EmbeddedPaymentElementView.kt

@@ -1,11 +1,23 @@
 package com.reactnativestripesdk
 
 import android.content.Context
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.requiredHeight
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
-import androidx.compose.ui.platform.AbstractComposeView
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableIntStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.layout.layout
+import androidx.compose.ui.layout.onPlaced
+import androidx.compose.ui.platform.LocalDensity
+import androidx.compose.ui.unit.IntOffset
+import androidx.compose.ui.unit.dp
 import com.facebook.react.bridge.Arguments
-import com.facebook.react.bridge.ReactContext
+import com.facebook.react.uimanager.ThemedReactContext
+import com.reactnativestripesdk.utils.KeepJsAwakeTask
 import com.reactnativestripesdk.utils.mapFromPaymentMethod
 import com.stripe.android.paymentelement.EmbeddedPaymentElement
 import com.stripe.android.paymentelement.ExperimentalEmbeddedPaymentElementApi
@@ -20,7 +32,7 @@ import toWritableMap
 @OptIn(ExperimentalEmbeddedPaymentElementApi::class)
 class EmbeddedPaymentElementView(
   context: Context,
-) : AbstractComposeView(context) {
+) : StripeAbstractComposeView(context) {
   private sealed interface Event {
     data class Configure(
       val configuration: EmbeddedPaymentElement.Configuration,
@@ -35,7 +47,7 @@ class EmbeddedPaymentElementView(
   var latestIntentConfig: PaymentSheet.IntentConfiguration? = null
   var latestElementConfig: EmbeddedPaymentElement.Configuration? = null
 
-  private val reactContext get() = context as ReactContext
+  private val reactContext get() = context as ThemedReactContext
   private val events = Channel<Event>(Channel.UNLIMITED)
 
   private val builder by lazy {
@@ -53,6 +65,10 @@ class EmbeddedPaymentElementView(
               displayMessage = "An unexpected error occurred",
             )
           }
+
+        // Make sure that JS is active since the activity will be paused when stripe ui is presented.
+        val keepJsAwakeTask = KeepJsAwakeTask(reactContext.reactApplicationContext).apply { start() }
+
         val params =
           Arguments.createMap().apply {
             putMap("paymentMethod", mapFromPaymentMethod(paymentMethod))
@@ -65,6 +81,8 @@ class EmbeddedPaymentElementView(
         // reset the completable
         stripeSdkModule.embeddedIntentCreationCallback = CompletableDeferred()
 
+        keepJsAwakeTask.stop()
+
         resultFromJavascript.getString("clientSecret")?.let {
           CreateIntentResult.Success(clientSecret = it)
         } ?: run {
@@ -99,6 +117,9 @@ class EmbeddedPaymentElementView(
   @Composable
   override fun Content() {
     val embedded = rememberEmbeddedPaymentElement(builder)
+    var height by remember {
+      mutableIntStateOf(0)
+    }
 
     // collect events: configure, confirm, clear
     LaunchedEffect(Unit) {
@@ -113,9 +134,7 @@ class EmbeddedPaymentElementView(
               )
 
             when (result) {
-              is EmbeddedPaymentElement.ConfigureResult.Succeeded -> {
-                reportHeightChange(450)
-              }
+              is EmbeddedPaymentElement.ConfigureResult.Succeeded -> reportHeightChange(1f)
               is EmbeddedPaymentElement.ConfigureResult.Failed -> {
                 // send the error back to JS
                 val err = result.error
@@ -151,13 +170,36 @@ class EmbeddedPaymentElementView(
       }
     }
 
-    embedded.Content()
+    val density = LocalDensity.current
+
+    Box(
+      modifier =
+        Modifier
+          .requiredHeight(height.dp)
+          .layout { measurable, constraints ->
+            val minIntrinsicHeight = measurable.minIntrinsicHeight(constraints.maxWidth)
+
+            height = minIntrinsicHeight
+
+            layout(constraints.maxWidth, minIntrinsicHeight) {
+              measurable.measure(constraints).placeRelative(IntOffset.Zero)
+            }
+          }.onPlaced {
+            reportHeightChange(
+              with(density) {
+                height.toDp().value
+              },
+            )
+          },
+    ) {
+      embedded.Content()
+    }
   }
 
-  private fun reportHeightChange(height: Int) {
+  private fun reportHeightChange(height: Float) {
     val params =
       Arguments.createMap().apply {
-        putInt("height", height)
+        putDouble("height", height.toDouble())
       }
     requireStripeSdkModule().emitEmbeddedPaymentElementDidUpdateHeight(params)
   }

package/android/src/main/java/com/reactnativestripesdk/EmbeddedPaymentElementViewManager.kt

@@ -2,7 +2,6 @@ package com.reactnativestripesdk
 
 import android.annotation.SuppressLint
 import android.content.Context
-import androidx.compose.ui.platform.ViewCompositionStrategy
 import com.facebook.react.bridge.Dynamic
 import com.facebook.react.bridge.ReadableArray
 import com.facebook.react.bridge.ReadableMap
@@ -40,12 +39,13 @@ class EmbeddedPaymentElementViewManager :
 
   override fun getDelegate() = delegate
 
-  override fun createViewInstance(ctx: ThemedReactContext): EmbeddedPaymentElementView =
-    EmbeddedPaymentElementView(ctx).apply {
-      setViewCompositionStrategy(
-        ViewCompositionStrategy.DisposeOnViewTreeLifecycleDestroyed,
-      )
-    }
+  override fun createViewInstance(ctx: ThemedReactContext): EmbeddedPaymentElementView = EmbeddedPaymentElementView(ctx)
+
+  override fun onDropViewInstance(view: EmbeddedPaymentElementView) {
+    super.onDropViewInstance(view)
+
+    view.handleOnDropViewInstance()
+  }
 
   override fun needsCustomLayoutForChildren(): Boolean = true
 
@@ -85,7 +85,14 @@ class EmbeddedPaymentElementViewManager :
     context: Context,
   ): EmbeddedPaymentElement.Configuration {
     val merchantDisplayName = map.getString("merchantDisplayName").orEmpty()
-    val allowsDelayedPaymentMethods = map.getBoolean("allowsDelayedPaymentMethods")
+    val allowsDelayedPaymentMethods: Boolean =
+      if (map.hasKey("allowsDelayedPaymentMethods") &&
+        map.getType("allowsDelayedPaymentMethods") == ReadableType.Boolean
+      ) {
+        map.getBoolean("allowsDelayedPaymentMethods")
+      } else {
+        false // default
+      }
     var defaultBillingDetails: PaymentSheet.BillingDetails? = null
     val billingDetailsMap = map.getMap("defaultBillingDetails")
     if (billingDetailsMap != null) {

package/android/src/main/java/com/reactnativestripesdk/FinancialConnectionsSheetFragment.kt

@@ -1,11 +1,5 @@
 package com.reactnativestripesdk
 
-import android.os.Bundle
-import android.view.LayoutInflater
-import android.view.View
-import android.view.ViewGroup
-import android.widget.FrameLayout
-import androidx.fragment.app.Fragment
 import androidx.fragment.app.FragmentActivity
 import com.facebook.react.bridge.Arguments
 import com.facebook.react.bridge.Promise
@@ -15,6 +9,7 @@ import com.facebook.react.bridge.WritableArray
 import com.facebook.react.bridge.WritableMap
 import com.facebook.react.bridge.WritableNativeMap
 import com.reactnativestripesdk.utils.ErrorType
+import com.reactnativestripesdk.utils.StripeFragment
 import com.reactnativestripesdk.utils.createError
 import com.reactnativestripesdk.utils.createMissingActivityError
 import com.reactnativestripesdk.utils.mapFromFinancialConnectionsEvent
@@ -29,7 +24,7 @@ import com.stripe.android.financialconnections.model.FinancialConnectionsAccount
 import com.stripe.android.financialconnections.model.FinancialConnectionsAccountList
 import com.stripe.android.financialconnections.model.FinancialConnectionsSession
 
-class FinancialConnectionsSheetFragment : Fragment() {
+class FinancialConnectionsSheetFragment : StripeFragment() {
   enum class Mode {
     ForToken,
     ForSession,
@@ -40,26 +35,13 @@ class FinancialConnectionsSheetFragment : Fragment() {
   private lateinit var configuration: FinancialConnectionsSheet.Configuration
   private lateinit var mode: Mode
 
-  override fun onCreate(savedInstanceState: Bundle?) {
-    super.onCreate(savedInstanceState)
-
+  override fun prepare() {
     val stripeSdkModule: StripeSdkModule? = context.getNativeModule(StripeSdkModule::class.java)
     FinancialConnections.setEventListener { event ->
       val params = mapFromFinancialConnectionsEvent(event)
       stripeSdkModule?.emitOnFinancialConnectionsEvent(params)
     }
-  }
 
-  override fun onCreateView(
-    inflater: LayoutInflater,
-    container: ViewGroup?,
-    savedInstanceState: Bundle?,
-  ): View = FrameLayout(requireActivity()).also { it.visibility = View.GONE }
-
-  override fun onViewCreated(
-    view: View,
-    savedInstanceState: Bundle?,
-  ) {
     when (mode) {
       Mode.ForToken -> {
         FinancialConnectionsSheet

package/android/src/main/java/com/reactnativestripesdk/GooglePayLauncherFragment.kt

@@ -1,17 +1,12 @@
 package com.reactnativestripesdk
 
-import android.os.Bundle
-import android.view.LayoutInflater
-import android.view.View
-import android.view.ViewGroup
-import android.widget.FrameLayout
-import androidx.fragment.app.Fragment
 import androidx.fragment.app.FragmentActivity
 import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.bridge.ReadableMap
 import com.facebook.react.bridge.WritableMap
 import com.reactnativestripesdk.utils.ErrorType
 import com.reactnativestripesdk.utils.GooglePayErrorType
+import com.reactnativestripesdk.utils.StripeFragment
 import com.reactnativestripesdk.utils.createError
 import com.reactnativestripesdk.utils.createMissingActivityError
 import com.reactnativestripesdk.utils.getBooleanOr
@@ -19,7 +14,7 @@ import com.reactnativestripesdk.utils.getIntOrNull
 import com.stripe.android.googlepaylauncher.GooglePayEnvironment
 import com.stripe.android.googlepaylauncher.GooglePayLauncher
 
-class GooglePayLauncherFragment : Fragment() {
+class GooglePayLauncherFragment : StripeFragment() {
   enum class Mode {
     ForSetup,
     ForPayment,
@@ -34,16 +29,7 @@ class GooglePayLauncherFragment : Fragment() {
   private var label: String? = null
   private lateinit var callback: (result: GooglePayLauncher.Result?, error: WritableMap?) -> Unit
 
-  override fun onCreateView(
-    inflater: LayoutInflater,
-    container: ViewGroup?,
-    savedInstanceState: Bundle?,
-  ): View = FrameLayout(requireActivity()).also { it.visibility = View.GONE }
-
-  override fun onViewCreated(
-    view: View,
-    savedInstanceState: Bundle?,
-  ) {
+  override fun prepare() {
     launcher =
       GooglePayLauncher(
         fragment = this,

package/android/src/main/java/com/reactnativestripesdk/GooglePayPaymentMethodLauncherFragment.kt

@@ -12,12 +12,12 @@ import com.reactnativestripesdk.utils.removeFragment
 import com.stripe.android.googlepaylauncher.GooglePayEnvironment
 import com.stripe.android.googlepaylauncher.GooglePayPaymentMethodLauncher
 
-class GooglePayPaymentMethodLauncherFragment(
-  private val context: ReactApplicationContext,
-  private val isTestEnv: Boolean,
-  private val paymentMethodRequired: Boolean,
-  private val promise: Promise,
-) : Fragment() {
+class GooglePayPaymentMethodLauncherFragment : Fragment() {
+  private lateinit var context: ReactApplicationContext
+  private var isTestEnv = false
+  private var paymentMethodRequired = false
+  private lateinit var promise: Promise
+
   override fun onCreateView(
     inflater: LayoutInflater,
     container: ViewGroup?,
@@ -50,5 +50,19 @@ class GooglePayPaymentMethodLauncherFragment(
 
   companion object {
     const val TAG = "google_pay_support_fragment"
+
+    fun create(
+      context: ReactApplicationContext,
+      isTestEnv: Boolean,
+      paymentMethodRequired: Boolean,
+      promise: Promise,
+    ): GooglePayPaymentMethodLauncherFragment {
+      val instance = GooglePayPaymentMethodLauncherFragment()
+      instance.context = context
+      instance.isTestEnv = isTestEnv
+      instance.paymentMethodRequired = paymentMethodRequired
+      instance.promise = promise
+      return instance
+    }
   }
 }

package/android/src/main/java/com/reactnativestripesdk/PaymentLauncherFragment.kt

@@ -1,17 +1,12 @@
 package com.reactnativestripesdk
 
-import android.os.Bundle
-import android.view.LayoutInflater
-import android.view.View
-import android.view.ViewGroup
-import android.widget.FrameLayout
-import androidx.fragment.app.Fragment
 import androidx.fragment.app.FragmentActivity
 import com.facebook.react.bridge.Promise
 import com.facebook.react.bridge.ReactApplicationContext
 import com.reactnativestripesdk.utils.ConfirmPaymentErrorType
 import com.reactnativestripesdk.utils.ConfirmSetupIntentErrorType
 import com.reactnativestripesdk.utils.ErrorType
+import com.reactnativestripesdk.utils.StripeFragment
 import com.reactnativestripesdk.utils.createError
 import com.reactnativestripesdk.utils.createMissingActivityError
 import com.reactnativestripesdk.utils.createResult
@@ -29,26 +24,57 @@ import com.stripe.android.payments.paymentlauncher.PaymentLauncher
 import com.stripe.android.payments.paymentlauncher.PaymentResult
 
 /** Instances of this class should only be initialized with the companion's helper methods. */
-class PaymentLauncherFragment(
-  private val context: ReactApplicationContext,
-  private val stripe: Stripe,
-  private val publishableKey: String,
-  private val stripeAccountId: String?,
-  private val promise: Promise,
+class PaymentLauncherFragment : StripeFragment() {
+  private lateinit var context: ReactApplicationContext
+  private lateinit var stripe: Stripe
+  private lateinit var publishableKey: String
+  private var stripeAccountId: String? = null
+  private lateinit var promise: Promise
+
   // Used when confirming a payment intent
-  private val paymentIntentClientSecret: String? = null,
-  private val confirmPaymentParams: ConfirmPaymentIntentParams? = null,
+  private var paymentIntentClientSecret: String? = null
+  private var confirmPaymentParams: ConfirmPaymentIntentParams? = null
+
   // Used when confirming a setup intent
-  private val setupIntentClientSecret: String? = null,
-  private val confirmSetupParams: ConfirmSetupIntentParams? = null,
+  private var setupIntentClientSecret: String? = null
+  private var confirmSetupParams: ConfirmSetupIntentParams? = null
+
   // Used when handling the next action on a payment intent
-  private val handleNextActionPaymentIntentClientSecret: String? = null,
+  private var handleNextActionPaymentIntentClientSecret: String? = null
+
   // Used when handling the next action on a setup intent
-  private val handleNextActionSetupIntentClientSecret: String? = null,
-) : Fragment() {
+  private var handleNextActionSetupIntentClientSecret: String? = null
   private lateinit var paymentLauncher: PaymentLauncher
 
   companion object {
+    private fun create(
+      context: ReactApplicationContext,
+      stripe: Stripe,
+      publishableKey: String,
+      stripeAccountId: String?,
+      promise: Promise,
+      paymentIntentClientSecret: String? = null,
+      confirmPaymentParams: ConfirmPaymentIntentParams? = null,
+      setupIntentClientSecret: String? = null,
+      confirmSetupParams: ConfirmSetupIntentParams? = null,
+      handleNextActionPaymentIntentClientSecret: String? = null,
+      handleNextActionSetupIntentClientSecret: String? = null,
+    ): PaymentLauncherFragment {
+      val instance = PaymentLauncherFragment()
+      instance.context = context
+      instance.stripe = stripe
+      instance.publishableKey = publishableKey
+      instance.stripeAccountId = stripeAccountId
+      instance.promise = promise
+      instance.paymentIntentClientSecret = paymentIntentClientSecret
+      instance.confirmPaymentParams = confirmPaymentParams
+      instance.setupIntentClientSecret = setupIntentClientSecret
+      instance.confirmSetupParams = confirmSetupParams
+      instance.handleNextActionPaymentIntentClientSecret = handleNextActionPaymentIntentClientSecret
+      instance.handleNextActionSetupIntentClientSecret = handleNextActionSetupIntentClientSecret
+      return instance
+    }
+
     /** Helper-constructor used for confirming payment intents */
     fun forPayment(
       context: ReactApplicationContext,
@@ -60,7 +86,7 @@ class PaymentLauncherFragment(
       confirmPaymentParams: ConfirmPaymentIntentParams,
     ): PaymentLauncherFragment {
       val paymentLauncherFragment =
-        PaymentLauncherFragment(
+        create(
           context,
           stripe,
           publishableKey,
@@ -84,7 +110,7 @@ class PaymentLauncherFragment(
       confirmSetupParams: ConfirmSetupIntentParams,
     ): PaymentLauncherFragment {
       val paymentLauncherFragment =
-        PaymentLauncherFragment(
+        create(
           context,
           stripe,
           publishableKey,
@@ -107,7 +133,7 @@ class PaymentLauncherFragment(
       handleNextActionPaymentIntentClientSecret: String,
     ): PaymentLauncherFragment {
       val paymentLauncherFragment =
-        PaymentLauncherFragment(
+        create(
           context,
           stripe,
           publishableKey,
@@ -129,7 +155,7 @@ class PaymentLauncherFragment(
       handleNextActionSetupIntentClientSecret: String,
     ): PaymentLauncherFragment {
       val paymentLauncherFragment =
-        PaymentLauncherFragment(
+        create(
           context,
           stripe,
           publishableKey,
@@ -161,43 +187,36 @@ class PaymentLauncherFragment(
     internal const val TAG = "payment_launcher_fragment"
   }
 
-  override fun onCreateView(
-    inflater: LayoutInflater,
-    container: ViewGroup?,
-    savedInstanceState: Bundle?,
-  ): View {
+  override fun prepare() {
     paymentLauncher = createPaymentLauncher()
     if (paymentIntentClientSecret != null && confirmPaymentParams != null) {
-      paymentLauncher.confirm(confirmPaymentParams)
+      paymentLauncher.confirm(confirmPaymentParams!!)
     } else if (setupIntentClientSecret != null && confirmSetupParams != null) {
-      paymentLauncher.confirm(confirmSetupParams)
+      paymentLauncher.confirm(confirmSetupParams!!)
     } else if (handleNextActionPaymentIntentClientSecret != null) {
-      paymentLauncher.handleNextActionForPaymentIntent(handleNextActionPaymentIntentClientSecret)
+      paymentLauncher.handleNextActionForPaymentIntent(handleNextActionPaymentIntentClientSecret!!)
     } else if (handleNextActionSetupIntentClientSecret != null) {
-      paymentLauncher.handleNextActionForSetupIntent(handleNextActionSetupIntentClientSecret)
+      paymentLauncher.handleNextActionForSetupIntent(handleNextActionSetupIntentClientSecret!!)
     } else {
       throw Exception(
         "Invalid parameters provided to PaymentLauncher. Ensure that you are providing the correct client secret and setup params (if necessary).",
       )
     }
-    return FrameLayout(requireActivity()).also { it.visibility = View.GONE }
   }
 
   private fun createPaymentLauncher(): PaymentLauncher =
     PaymentLauncher.create(this, publishableKey, stripeAccountId) { paymentResult ->
       when (paymentResult) {
         is PaymentResult.Completed -> {
-          if (paymentIntentClientSecret != null) {
-            retrievePaymentIntent(paymentIntentClientSecret, stripeAccountId)
-          } else if (handleNextActionPaymentIntentClientSecret != null) {
-            retrievePaymentIntent(handleNextActionPaymentIntentClientSecret, stripeAccountId)
-          } else if (setupIntentClientSecret != null) {
-            retrieveSetupIntent(setupIntentClientSecret, stripeAccountId)
-          } else if (handleNextActionSetupIntentClientSecret != null) {
-            retrieveSetupIntent(handleNextActionSetupIntentClientSecret, stripeAccountId)
-          } else {
-            throw Exception("Failed to create Payment Launcher. No client secret provided.")
-          }
+          paymentIntentClientSecret?.let {
+            retrievePaymentIntent(it, stripeAccountId)
+          } ?: handleNextActionPaymentIntentClientSecret?.let {
+            retrievePaymentIntent(it, stripeAccountId)
+          } ?: setupIntentClientSecret?.let {
+            retrieveSetupIntent(it, stripeAccountId)
+          } ?: handleNextActionSetupIntentClientSecret?.let {
+            retrieveSetupIntent(it, stripeAccountId)
+          } ?: throw Exception("Failed to create Payment Launcher. No client secret provided.")
         }
         is PaymentResult.Canceled -> {
           promise.resolve(createError(ConfirmPaymentErrorType.Canceled.toString(), message = null))