@stripe/stripe-react-native 0.48.0 → 0.49.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,5 +1,13 @@
 # CHANGELOG
 
+## 0.49.0 - 2025-07-02
+
+**Features**
+- Added rowSelectionBehavior to `EmbeddedPaymentElementConfiguration` with `immediateAction` option
+- Added `flatWithChevron` to `AppearanceParams.embeddedPaymentElement.rowConfig.style`
+- Added `PaymentMethodOptions` to `PaymentMode` to enable setting payment method level setup future usage value
+- Added `None` to `FutureUsage`
+
 ## 0.48.0 - 2025-06-11
 
 **Feature**

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.17.+
+StripeSdk_stripeVersion=21.19.+

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

@@ -7,6 +7,7 @@ import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableIntStateOf
+import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.Modifier
@@ -20,7 +21,6 @@ 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
 import com.stripe.android.paymentelement.rememberEmbeddedPaymentElement
 import com.stripe.android.paymentsheet.CreateIntentResult
 import com.stripe.android.paymentsheet.PaymentSheet
@@ -29,7 +29,11 @@ import kotlinx.coroutines.channels.Channel
 import kotlinx.coroutines.flow.consumeAsFlow
 import toWritableMap
 
-@OptIn(ExperimentalEmbeddedPaymentElementApi::class)
+enum class RowSelectionBehaviorType {
+  Default,
+  ImmediateAction,
+}
+
 class EmbeddedPaymentElementView(
   context: Context,
 ) : StripeAbstractComposeView(context) {
@@ -47,75 +51,91 @@ class EmbeddedPaymentElementView(
   var latestIntentConfig: PaymentSheet.IntentConfiguration? = null
   var latestElementConfig: EmbeddedPaymentElement.Configuration? = null
 
+  val rowSelectionBehaviorType = mutableStateOf<RowSelectionBehaviorType?>(null)
+
   private val reactContext get() = context as ThemedReactContext
   private val events = Channel<Event>(Channel.UNLIMITED)
 
-  private val builder by lazy {
-    EmbeddedPaymentElement.Builder(
-      createIntentCallback = { paymentMethod, shouldSavePaymentMethod ->
-        val stripeSdkModule =
-          try {
-            requireStripeSdkModule()
-          } catch (ex: IllegalArgumentException) {
-            return@Builder CreateIntentResult.Failure(
-              cause =
-                Exception(
-                  "Tried to call confirmHandler, but no callback was found. Please file an issue: https://github.com/stripe/stripe-react-native/issues",
-                ),
-              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))
-            putBoolean("shouldSavePaymentMethod", shouldSavePaymentMethod)
-          }
-
-        stripeSdkModule.emitOnConfirmHandlerCallback(params)
-
-        val resultFromJavascript = stripeSdkModule.embeddedIntentCreationCallback.await()
-        // reset the completable
-        stripeSdkModule.embeddedIntentCreationCallback = CompletableDeferred()
-
-        keepJsAwakeTask.stop()
-
-        resultFromJavascript.getString("clientSecret")?.let {
-          CreateIntentResult.Success(clientSecret = it)
-        } ?: run {
-          val errorMap = resultFromJavascript.getMap("error")
-          CreateIntentResult.Failure(
-            cause = Exception(errorMap?.getString("message")),
-            displayMessage = errorMap?.getString("localizedMessage"),
-          )
-        }
-      },
-      resultCallback = { result ->
-        val map =
-          Arguments.createMap().apply {
-            when (result) {
-              is EmbeddedPaymentElement.Result.Completed -> {
-                putString("status", "completed")
-              }
-              is EmbeddedPaymentElement.Result.Canceled -> {
-                putString("status", "canceled")
+  @Composable
+  override fun Content() {
+    val type by remember { rowSelectionBehaviorType }
+    val builder =
+      remember(type) {
+        EmbeddedPaymentElement
+          .Builder(
+            createIntentCallback = { paymentMethod, shouldSavePaymentMethod ->
+              val stripeSdkModule =
+                try {
+                  requireStripeSdkModule()
+                } catch (ex: IllegalArgumentException) {
+                  return@Builder CreateIntentResult.Failure(
+                    cause =
+                      Exception(
+                        "Tried to call confirmHandler, but no callback was found. Please file an issue: https://github.com/stripe/stripe-react-native/issues",
+                      ),
+                    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))
+                  putBoolean("shouldSavePaymentMethod", shouldSavePaymentMethod)
+                }
+
+              stripeSdkModule.emitOnConfirmHandlerCallback(params)
+
+              val resultFromJavascript = stripeSdkModule.embeddedIntentCreationCallback.await()
+              // reset the completable
+              stripeSdkModule.embeddedIntentCreationCallback = CompletableDeferred()
+
+              keepJsAwakeTask.stop()
+
+              resultFromJavascript.getString("clientSecret")?.let {
+                CreateIntentResult.Success(clientSecret = it)
+              } ?: run {
+                val errorMap = resultFromJavascript.getMap("error")
+                CreateIntentResult.Failure(
+                  cause = Exception(errorMap?.getString("message")),
+                  displayMessage = errorMap?.getString("localizedMessage"),
+                )
               }
-              is EmbeddedPaymentElement.Result.Failed -> {
-                putString("status", "failed")
-                putString("error", result.error.message ?: "Unknown error")
+            },
+            resultCallback = { result ->
+              val map =
+                Arguments.createMap().apply {
+                  when (result) {
+                    is EmbeddedPaymentElement.Result.Completed -> {
+                      putString("status", "completed")
+                    }
+
+                    is EmbeddedPaymentElement.Result.Canceled -> {
+                      putString("status", "canceled")
+                    }
+
+                    is EmbeddedPaymentElement.Result.Failed -> {
+                      putString("status", "failed")
+                      putString("error", result.error.message ?: "Unknown error")
+                    }
+                  }
+                }
+              requireStripeSdkModule().emitEmbeddedPaymentElementFormSheetConfirmComplete(map)
+            },
+          ).rowSelectionBehavior(
+            if (type == RowSelectionBehaviorType.Default) {
+              EmbeddedPaymentElement.RowSelectionBehavior.default()
+            } else {
+              EmbeddedPaymentElement.RowSelectionBehavior.immediateAction {
+                requireStripeSdkModule().emitEmbeddedPaymentElementRowSelectionImmediateAction()
               }
-            }
-          }
-        requireStripeSdkModule().emitEmbeddedPaymentElementFormSheetConfirmComplete(map)
-      },
-    )
-  }
+            },
+          )
+      }
 
-  @Composable
-  override fun Content() {
     val embedded = rememberEmbeddedPaymentElement(builder)
     var height by remember {
       mutableIntStateOf(0)

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

@@ -21,10 +21,8 @@ import com.reactnativestripesdk.utils.mapToPreferredNetworks
 import com.reactnativestripesdk.utils.toBundleObject
 import com.stripe.android.ExperimentalAllowsRemovalOfLastSavedPaymentMethodApi
 import com.stripe.android.paymentelement.EmbeddedPaymentElement
-import com.stripe.android.paymentelement.ExperimentalEmbeddedPaymentElementApi
 import com.stripe.android.paymentsheet.PaymentSheet
 
-@OptIn(ExperimentalEmbeddedPaymentElementApi::class)
 @ReactModule(name = EmbeddedPaymentElementViewManager.NAME)
 class EmbeddedPaymentElementViewManager :
   ViewGroupManager<EmbeddedPaymentElementView>(),
@@ -54,6 +52,9 @@ class EmbeddedPaymentElementViewManager :
     view: EmbeddedPaymentElementView,
     cfg: Dynamic,
   ) {
+    val rowSelectionBehaviorType = parseRowSelectionBehavior(cfg.asMap())
+    view.rowSelectionBehaviorType.value = rowSelectionBehaviorType
+
     val elementConfig = parseElementConfiguration(cfg.asMap(), view.context)
     view.latestElementConfig = elementConfig
     // if intentConfig is already set, configure immediately:
@@ -190,6 +191,21 @@ class EmbeddedPaymentElementViewManager :
     return configurationBuilder.build()
   }
 
+  private fun parseRowSelectionBehavior(map: ReadableMap): RowSelectionBehaviorType {
+    val rowSelectionBehavior =
+      map
+        .getMap("rowSelectionBehavior")
+        ?.getString("type")
+        ?.let { type ->
+          when (type) {
+            "immediateAction" -> RowSelectionBehaviorType.ImmediateAction
+            else -> RowSelectionBehaviorType.Default
+          }
+        }
+        ?: RowSelectionBehaviorType.Default
+    return rowSelectionBehavior
+  }
+
   private fun parseIntentConfiguration(map: ReadableMap): PaymentSheet.IntentConfiguration {
     val intentConfig = PaymentSheetFragment.buildIntentConfiguration(toBundleObject(map))
     return intentConfig ?: throw IllegalArgumentException("IntentConfiguration is null")

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

@@ -2,13 +2,11 @@ import com.facebook.react.bridge.Arguments
 import com.facebook.react.bridge.WritableMap
 import com.reactnativestripesdk.utils.mapFromPaymentSheetBillingDetails
 import com.stripe.android.paymentelement.EmbeddedPaymentElement
-import com.stripe.android.paymentelement.ExperimentalEmbeddedPaymentElementApi
 
 /**
  * Serialize Stripe's PaymentOptionDisplayData into a WritableMap
  * that can be sent over the RN bridge.
  */
-@OptIn(ExperimentalEmbeddedPaymentElementApi::class)
 fun EmbeddedPaymentElement.PaymentOptionDisplayData.toWritableMap(): WritableMap =
   Arguments.createMap().apply {
     putString("label", label)

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

@@ -6,7 +6,7 @@ import android.content.res.Configuration
 import android.graphics.Color
 import android.os.Bundle
 import com.reactnativestripesdk.utils.PaymentSheetAppearanceException
-import com.stripe.android.paymentelement.ExperimentalEmbeddedPaymentElementApi
+import com.stripe.android.paymentelement.AppearanceAPIAdditionsPreview
 import com.stripe.android.paymentsheet.PaymentSheet
 import com.stripe.android.uicore.StripeThemeDefaults
 
@@ -57,6 +57,7 @@ fun buildPaymentSheetAppearance(
   )
 }
 
+@OptIn(AppearanceAPIAdditionsPreview::class)
 private fun buildTypography(
   fontParams: Bundle?,
   context: Context,
@@ -244,7 +245,6 @@ private fun buildPrimaryButtonColors(
       ),
   )
 
-@OptIn(ExperimentalEmbeddedPaymentElementApi::class)
 @SuppressLint("RestrictedApi")
 @Throws(PaymentSheetAppearanceException::class)
 private fun buildEmbeddedAppearance(
@@ -341,7 +341,7 @@ private fun buildEmbeddedAppearance(
         val checkmarkParams = getBundleOrNull(flatParams, PaymentSheetAppearanceKeys.CHECKMARK)
         val separatorInsetsParams = getBundleOrNull(flatParams, PaymentSheetAppearanceKeys.SEPARATOR_INSETS)
 
-        // Default separator insets specific to FlatWithCheckmark
+        // Default separator insets specific to FlatWithCheckmark and FlatWithChevron
         val defaultSeparatorStartInsetDp = 0.0f
         val defaultSeparatorEndInsetDp = 0.0f
 
@@ -392,6 +392,59 @@ private fun buildEmbeddedAppearance(
           colorsDark = flatCheckmarkColors,
         )
       }
+      "flatWithChevron" -> {
+        val flatParams = getBundleOrNull(rowParams, PaymentSheetAppearanceKeys.FLAT)
+        val chevronParams = getBundleOrNull(flatParams, PaymentSheetAppearanceKeys.CHEVRON)
+        val separatorInsetsParams = getBundleOrNull(flatParams, PaymentSheetAppearanceKeys.SEPARATOR_INSETS)
+
+        // Default separator insets specific to FlatWithCheckmark and FlatWithChevron
+        val defaultSeparatorStartInsetDp = 0.0f
+        val defaultSeparatorEndInsetDp = 0.0f
+
+        // Parse dimensions as Floats
+        val separatorThickness = getFloatOr(flatParams, PaymentSheetAppearanceKeys.SEPARATOR_THICKNESS, defaultSeparatorThicknessDp)
+        val startSeparatorInset = getFloatOr(separatorInsetsParams, PaymentSheetAppearanceKeys.LEFT, defaultSeparatorStartInsetDp)
+        val endSeparatorInset = getFloatOr(separatorInsetsParams, PaymentSheetAppearanceKeys.RIGHT, defaultSeparatorEndInsetDp)
+
+        // Parse booleans
+        val topEnabled = getBooleanOr(flatParams, PaymentSheetAppearanceKeys.TOP_SEPARATOR_ENABLED, true)
+        val bottomEnabled = getBooleanOr(flatParams, PaymentSheetAppearanceKeys.BOTTOM_SEPARATOR_ENABLED, true)
+
+        val parsedSeparatorColor =
+          dynamicColorFromParams(
+            context,
+            flatParams,
+            PaymentSheetAppearanceKeys.SEPARATOR_COLOR,
+            Color.GRAY,
+          )
+
+        val parsedChevronColor =
+          dynamicColorFromParams(
+            context,
+            chevronParams,
+            PaymentSheetAppearanceKeys.COLOR,
+            defaultColors.componentBorder, // Default to component border color like other elements
+          )
+
+        // Create the required Colors object
+        val flatChevronColors =
+          PaymentSheet.Appearance.Embedded.RowStyle.FlatWithChevron.Colors(
+            separatorColor = parsedSeparatorColor,
+            chevronColor = parsedChevronColor,
+          )
+
+        PaymentSheet.Appearance.Embedded.RowStyle.FlatWithChevron(
+          separatorThicknessDp = separatorThickness,
+          startSeparatorInsetDp = startSeparatorInset,
+          endSeparatorInsetDp = endSeparatorInset,
+          topSeparatorEnabled = topEnabled,
+          bottomSeparatorEnabled = bottomEnabled,
+          additionalVerticalInsetsDp = additionalInsets,
+          horizontalInsetsDp = 0.0F, // We do not have an iOS equal for this API so it's not configurable in React Native
+          colorsLight = flatChevronColors,
+          colorsDark = flatChevronColors,
+        )
+      }
       "floatingButton" -> {
         val floatingParams = getBundleOrNull(rowParams, PaymentSheetAppearanceKeys.FLOATING)
         PaymentSheet.Appearance.Embedded.RowStyle.FloatingButton(
@@ -606,6 +659,7 @@ private class PaymentSheetAppearanceKeys {
     const val SELECTED_COLOR = "selectedColor"
     const val UNSELECTED_COLOR = "unselectedColor"
     const val CHECKMARK = "checkmark"
+    const val CHEVRON = "chevron"
     const val COLOR = "color"
     const val CHECKMARK_INSET = "inset"
 

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

@@ -32,6 +32,8 @@ import com.reactnativestripesdk.utils.mapFromPaymentMethod
 import com.reactnativestripesdk.utils.mapToPreferredNetworks
 import com.reactnativestripesdk.utils.removeFragment
 import com.stripe.android.ExperimentalAllowsRemovalOfLastSavedPaymentMethodApi
+import com.stripe.android.model.PaymentMethod
+import com.stripe.android.paymentelement.PaymentMethodOptionsSetupFutureUsagePreview
 import com.stripe.android.paymentsheet.CreateIntentCallback
 import com.stripe.android.paymentsheet.CreateIntentResult
 import com.stripe.android.paymentsheet.ExperimentalCustomerSessionApi
@@ -518,6 +520,7 @@ class PaymentSheetFragment : StripeFragment() {
       )
     }
 
+    @OptIn(PaymentMethodOptionsSetupFutureUsagePreview::class)
     private fun buildIntentConfigurationMode(modeParams: Bundle): PaymentSheet.IntentConfiguration.Mode {
       val currencyCode =
         modeParams.getString("currencyCode")
@@ -531,6 +534,7 @@ class PaymentSheetFragment : StripeFragment() {
           currency = currencyCode,
           setupFutureUse = mapToSetupFutureUse(modeParams.getString("setupFutureUsage")),
           captureMethod = mapToCaptureMethod(modeParams.getString("captureMethod")),
+          paymentMethodOptions = mapToPaymentMethodOptions(modeParams.getBundle("paymentMethodOptions")),
         )
       } else {
         val setupFutureUsage =
@@ -639,6 +643,7 @@ fun mapToSetupFutureUse(type: String?): PaymentSheet.IntentConfiguration.SetupFu
   when (type) {
     "OffSession" -> PaymentSheet.IntentConfiguration.SetupFutureUse.OffSession
     "OnSession" -> PaymentSheet.IntentConfiguration.SetupFutureUse.OnSession
+    "None" -> PaymentSheet.IntentConfiguration.SetupFutureUse.None
     else -> null
   }
 
@@ -650,6 +655,26 @@ fun mapToCaptureMethod(type: String?): PaymentSheet.IntentConfiguration.CaptureM
     else -> PaymentSheet.IntentConfiguration.CaptureMethod.Automatic
   }
 
+@OptIn(PaymentMethodOptionsSetupFutureUsagePreview::class)
+fun mapToPaymentMethodOptions(options: Bundle?): PaymentSheet.IntentConfiguration.Mode.Payment.PaymentMethodOptions? {
+  val sfuBundle = options?.getBundle("setupFutureUsageValues")
+  val paymentMethodToSfuMap = mutableMapOf<PaymentMethod.Type, PaymentSheet.IntentConfiguration.SetupFutureUse>()
+  sfuBundle?.keySet()?.forEach { code ->
+    val sfuValue = mapToSetupFutureUse(sfuBundle?.getString(code))
+    val paymentMethodType = PaymentMethod.Type.fromCode(code)
+    if (paymentMethodType != null && sfuValue != null) {
+      paymentMethodToSfuMap[paymentMethodType] = sfuValue
+    }
+  }
+  return if (paymentMethodToSfuMap.isNotEmpty()) {
+    PaymentSheet.IntentConfiguration.Mode.Payment.PaymentMethodOptions(
+      setupFutureUsageValues = paymentMethodToSfuMap,
+    )
+  } else {
+    null
+  }
+}
+
 fun mapToCardBrandAcceptance(params: Bundle?): PaymentSheet.CardBrandAcceptance {
   val cardBrandAcceptanceParams = params?.getBundle("cardBrandAcceptance") ?: return PaymentSheet.CardBrandAcceptance.all()
   val filter = cardBrandAcceptanceParams.getString("filter") ?: return PaymentSheet.CardBrandAcceptance.all()

package/ios/PaymentSheetAppearance.swift

@@ -185,6 +185,8 @@ internal class PaymentSheetAppearance {
                   row.style = .floatingButton
               case PaymentSheetAppearanceKeys.ROW_STYLE_FLAT_WITH_CHECKMARK:
                   row.style = .flatWithCheckmark
+              case PaymentSheetAppearanceKeys.ROW_STYLE_FLAT_WITH_CHEVRON:
+                  row.style = .flatWithChevron
               default:
                   throw PaymentSheetAppearanceError.invalidRowStyle(styleString)
               }
@@ -239,6 +241,10 @@ internal class PaymentSheetAppearance {
               flat.checkmark = try buildEmbeddedCheckmark(params: checkmarkParams)
           }
 
+          if let chevronParams = params[PaymentSheetAppearanceKeys.CHEVRON] as? NSDictionary {
+              flat.chevron = try buildEmbeddedChevron(params: chevronParams)
+          }
+
           return flat
       }
 
@@ -277,6 +283,19 @@ internal class PaymentSheetAppearance {
           return checkmark
       }
 
+      private class func buildEmbeddedChevron(params: NSDictionary) throws -> PaymentSheet.Appearance.EmbeddedPaymentElement.Row.Flat.Chevron {
+        var chevron = PaymentSheet.Appearance.default.embeddedPaymentElement.row.flat.chevron
+
+        if let colorHexes = params[PaymentSheetAppearanceKeys.COLOR] as? [String: String] {
+          chevron.color = dynamicColor(
+            from: colorHexes,
+            default: UIColor.systemGray // Default iOS system gray color
+          )
+        }
+
+          return chevron
+      }
+
       private class func buildEmbeddedFloating(params: NSDictionary) throws -> PaymentSheet.Appearance.EmbeddedPaymentElement.Row.Floating {
           var floating = PaymentSheet.Appearance.default.embeddedPaymentElement.row.floating
 
@@ -354,7 +373,7 @@ extension PaymentSheetAppearanceError: LocalizedError {
         case .unexpectedHexStringLength(let hexString):
             return NSLocalizedString("Failed to set Payment Sheet appearance. Expected hex string of length 6 or 8, but received: \(hexString)", comment: "Failed to set color")
         case .invalidRowStyle(let styleString):
-            return NSLocalizedString("Failed to set Embedded Payment Element appearance. Invalid row style '\(styleString)'. Expected one of: 'flatWithRadio', 'floatingButton', 'flatWithCheckmark'.", comment: "Invalid row style string")
+            return NSLocalizedString("Failed to set Embedded Payment Element appearance. Invalid row style '\(styleString)'. Expected one of: 'flatWithRadio', 'floatingButton', 'flatWithCheckmark', 'flatWithChevron'.", comment: "Invalid row style string")
         }
     }
 }
@@ -411,6 +430,7 @@ private struct PaymentSheetAppearanceKeys {
     static let SELECTED_COLOR = "selectedColor"
     static let UNSELECTED_COLOR = "unselectedColor"
     static let CHECKMARK = "checkmark"
+    static let CHEVRON = "chevron"
     static let SPACING = "spacing"
     static let TOP = "top"
     static let LEFT = "left"
@@ -422,6 +442,7 @@ private struct PaymentSheetAppearanceKeys {
     static let ROW_STYLE_FLAT_WITH_RADIO = "flatWithRadio"
     static let ROW_STYLE_FLOATING_BUTTON = "floatingButton"
     static let ROW_STYLE_FLAT_WITH_CHECKMARK = "flatWithCheckmark"
+    static let ROW_STYLE_FLAT_WITH_CHEVRON = "flatWithChevron"
     
     static let FORM_INSETS = "formInsetValues"
 }

package/ios/StripeSdk.xcodeproj/project.xcworkspace/contents.xcworkspacedata

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Workspace
+   version = "1.0">
+   <FileRef
+      location = "self:">
+   </FileRef>
+</Workspace>

package/ios/StripeSdk.xcodeproj/xcuserdata/wooj.xcuserdatad/xcschemes/xcschememanagement.plist

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>SchemeUserState</key>
+	<dict>
+		<key>StripeSdk.xcscheme_^#shared#^_</key>
+		<dict>
+			<key>orderHint</key>
+			<integer>1</integer>
+		</dict>
+		<key>Tests.xcscheme_^#shared#^_</key>
+		<dict>
+			<key>orderHint</key>
+			<integer>0</integer>
+		</dict>
+	</dict>
+</dict>
+</plist>

package/ios/StripeSdkImpl+PaymentSheet.swift

@@ -6,7 +6,7 @@
 //
 
 import Foundation
-@_spi(ExperimentalAllowsRemovalOfLastSavedPaymentMethodAPI) @_spi(CustomerSessionBetaAccess) @_spi(EmbeddedPaymentElementPrivateBeta) @_spi(STP) import StripePaymentSheet
+@_spi(ExperimentalAllowsRemovalOfLastSavedPaymentMethodAPI) @_spi(CustomerSessionBetaAccess) @_spi(EmbeddedPaymentElementPrivateBeta) @_spi(STP) @_spi(PaymentMethodOptionsSetupFutureUsagePreview) import StripePaymentSheet
 
 extension StripeSdkImpl {
     internal func buildPaymentSheetConfiguration(
@@ -290,10 +290,9 @@ extension StripeSdkImpl {
             mode = PaymentSheet.IntentConfiguration.Mode.payment(
                 amount: amount,
                 currency: modeParams["currencyCode"] as? String ?? "",
-                setupFutureUsage: modeParams["setupFutureUsage"] != nil
-                    ? (modeParams["setupFutureUsage"] as? String == "OffSession" ? .offSession : .onSession)
-                    : nil,
-            captureMethod: captureMethod
+                setupFutureUsage: setupFutureUsageFromString(from: modeParams["setupFutureUsage"] as? String ?? ""),
+                captureMethod: captureMethod,
+                paymentMethodOptions: buildPaymentMethodOptions(paymentMethodOptionsParams: modeParams["paymentMethodOptions"] as? NSDictionary ?? [:])
             )
         } else {
             mode = PaymentSheet.IntentConfiguration.Mode.setup(
@@ -313,6 +312,45 @@ extension StripeSdkImpl {
                 ])
             })
     }
+    
+    func buildPaymentMethodOptions(paymentMethodOptionsParams: NSDictionary) -> PaymentSheet.IntentConfiguration.Mode.PaymentMethodOptions? {
+        if let sfuDictionary = paymentMethodOptionsParams["setupFutureUsageValues"] as? NSDictionary {
+            var setupFutureUsageValues: [STPPaymentMethodType: PaymentSheet.IntentConfiguration.SetupFutureUsage] = [:]
+            
+            for (paymentMethodCode, sfuValue) in sfuDictionary {
+                if let paymentMethodCode = paymentMethodCode as? String,
+                    let sfuString = sfuValue as? String {
+                    let setupFutureUsage = setupFutureUsageFromString(from: sfuString)
+                    let paymentMethodType = STPPaymentMethodType.fromIdentifier(paymentMethodCode)
+                    
+                    if let setupFutureUsage = setupFutureUsage {
+                        if paymentMethodType != .unknown {
+                            setupFutureUsageValues[paymentMethodType] = setupFutureUsage
+                        }
+                    }
+                }
+            }
+            
+            if !setupFutureUsageValues.isEmpty {
+                return PaymentSheet.IntentConfiguration.Mode.PaymentMethodOptions(setupFutureUsageValues: setupFutureUsageValues)
+            }
+        }
+
+        return nil
+    }
+    
+    func setupFutureUsageFromString(from string: String) -> PaymentSheet.IntentConfiguration.SetupFutureUsage? {
+        switch string {
+        case "OnSession":
+            return PaymentSheet.IntentConfiguration.SetupFutureUsage.onSession
+        case "OffSession":
+            return PaymentSheet.IntentConfiguration.SetupFutureUsage.offSession
+        case "None":
+            return PaymentSheet.IntentConfiguration.SetupFutureUsage.none
+        default:
+            return nil
+        }
+    }
 
     func buildCustomerHandlersForPaymentSheet(applePayParams: NSDictionary) -> PaymentSheet.ApplePayConfiguration.Handlers? {
         if (applePayParams["request"] == nil) {

package/ios/StripeSdkImpl.swift

@@ -1,5 +1,5 @@
 import PassKit
-import Stripe
+@_spi(DashboardOnly) @_spi(STP) import Stripe
 @_spi(EmbeddedPaymentElementPrivateBeta) import StripePaymentSheet
 import StripeFinancialConnections
 import Foundation
@@ -94,6 +94,10 @@ public class StripeSdkImpl: NSObject, UIAdaptivePresentationControllerDelegate {
         StripeAPI.defaultPublishableKey = publishableKey
         STPAPIClient.shared.stripeAccount = stripeAccountId
 
+        if STPAPIClient.shared.publishableKeyIsUserKey {
+            STPAPIClient.shared.userKeyLiveMode = UserDefaults.standard.object(forKey: "stripe_userKeyLiveMode") as? Bool ?? true
+        }
+
         let name = appInfo["name"] as? String ?? ""
         let partnerId = appInfo["partnerId"] as? String ?? ""
         let version = appInfo["version"] as? String ?? ""

package/lib/commonjs/components/AddToWalletButton.js

@@ -1,2 +1,2 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.AddToWalletButton=AddToWalletButton;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _NativeAddToWalletButton=_interopRequireDefault(require("../specs/NativeAddToWalletButton"));var _jsxRuntime=require("react/jsx-runtime");var _jsxFileName="/Users/porter/stripe/stripe-react-native/src/components/AddToWalletButton.tsx";var _excluded=["onComplete"];function AddToWalletButton(_ref){var onComplete=_ref.onComplete,props=(0,_objectWithoutProperties2.default)(_ref,_excluded);return(0,_jsxRuntime.jsx)(_NativeAddToWalletButton.default,Object.assign({},props,{onCompleteAction:function onCompleteAction(value){return onComplete(value.nativeEvent);}}));}
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.AddToWalletButton=AddToWalletButton;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _NativeAddToWalletButton=_interopRequireDefault(require("../specs/NativeAddToWalletButton"));var _jsxRuntime=require("react/jsx-runtime");var _jsxFileName="/Users/wooj/stripe/stripe-react-native/src/components/AddToWalletButton.tsx";var _excluded=["onComplete"];function AddToWalletButton(_ref){var onComplete=_ref.onComplete,props=(0,_objectWithoutProperties2.default)(_ref,_excluded);return(0,_jsxRuntime.jsx)(_NativeAddToWalletButton.default,Object.assign({},props,{onCompleteAction:function onCompleteAction(value){return onComplete(value.nativeEvent);}}));}
 //# sourceMappingURL=AddToWalletButton.js.map

package/lib/commonjs/components/AddToWalletButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_NativeAddToWalletButton","_jsxRuntime","_jsxFileName","_excluded","AddToWalletButton","_ref","onComplete","props","_objectWithoutProperties2","default","jsx","Object","assign","onCompleteAction","value","nativeEvent"],"sourceRoot":"../../../src","sources":["components/AddToWalletButton.tsx"],"mappings":"wSAAA,IAAAA,MAAA,CAAAC,sBAAA,CAAAC,OAAA,WAcA,IAAAC,wBAAA,CAAAF,sBAAA,CAAAC,OAAA,sCAAuE,IAAAE,WAAA,CAAAF,OAAA,0BAAAG,YAAA,qFAAAC,SAAA,gBAgEhE,QAAS,CAAAC,iBAAiBA,CAAAC,IAAA,CAAkC,IAA/B,CAAAC,UAAU,CAAAD,IAAA,CAAVC,UAAU,CAAKC,KAAK,IAAAC,yBAAA,CAAAC,OAAA,EAAAJ,IAAA,CAAAF,SAAA,EACtD,MACE,GAAAF,WAAA,CAAAS,GAAA,EAACV,wBAAA,CAAAS,OAAuB,CAAAE,MAAA,CAAAC,MAAA,IAClBL,KAAK,EACTM,gBAAgB,CAAE,QAAlB,CAAAA,gBAAgBA,CACdC,KAEE,QACC,CAAAR,UAAU,CAACQ,KAAK,CAACC,WAAW,CAAC,EAAC,EACpC,CAAC,CAEN","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_NativeAddToWalletButton","_jsxRuntime","_jsxFileName","_excluded","AddToWalletButton","_ref","onComplete","props","_objectWithoutProperties2","default","jsx","Object","assign","onCompleteAction","value","nativeEvent"],"sourceRoot":"../../../src","sources":["components/AddToWalletButton.tsx"],"mappings":"wSAAA,IAAAA,MAAA,CAAAC,sBAAA,CAAAC,OAAA,WAcA,IAAAC,wBAAA,CAAAF,sBAAA,CAAAC,OAAA,sCAAuE,IAAAE,WAAA,CAAAF,OAAA,0BAAAG,YAAA,mFAAAC,SAAA,gBAgEhE,QAAS,CAAAC,iBAAiBA,CAAAC,IAAA,CAAkC,IAA/B,CAAAC,UAAU,CAAAD,IAAA,CAAVC,UAAU,CAAKC,KAAK,IAAAC,yBAAA,CAAAC,OAAA,EAAAJ,IAAA,CAAAF,SAAA,EACtD,MACE,GAAAF,WAAA,CAAAS,GAAA,EAACV,wBAAA,CAAAS,OAAuB,CAAAE,MAAA,CAAAC,MAAA,IAClBL,KAAK,EACTM,gBAAgB,CAAE,QAAlB,CAAAA,gBAAgBA,CACdC,KAEE,QACC,CAAAR,UAAU,CAACQ,KAAK,CAACC,WAAW,CAAC,EAAC,EACpC,CAAC,CAEN","ignoreList":[]}

package/lib/commonjs/components/AddressSheet.js

@@ -1,2 +1,2 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.AddressSheet=AddressSheet;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _NativeAddressSheet=_interopRequireDefault(require("../specs/NativeAddressSheet"));var _jsxRuntime=require("react/jsx-runtime");var _jsxFileName="/Users/porter/stripe/stripe-react-native/src/components/AddressSheet.tsx";var _excluded=["onSubmit","onError"];function AddressSheet(_ref){var onSubmit=_ref.onSubmit,onError=_ref.onError,props=(0,_objectWithoutProperties2.default)(_ref,_excluded);return(0,_jsxRuntime.jsx)(_NativeAddressSheet.default,Object.assign({},props,{onSubmitAction:function onSubmitAction(event){return onSubmit(event.nativeEvent.result);},onErrorAction:function onErrorAction(event){return onError(event.nativeEvent.error);}}));}
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.AddressSheet=AddressSheet;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _NativeAddressSheet=_interopRequireDefault(require("../specs/NativeAddressSheet"));var _jsxRuntime=require("react/jsx-runtime");var _jsxFileName="/Users/wooj/stripe/stripe-react-native/src/components/AddressSheet.tsx";var _excluded=["onSubmit","onError"];function AddressSheet(_ref){var onSubmit=_ref.onSubmit,onError=_ref.onError,props=(0,_objectWithoutProperties2.default)(_ref,_excluded);return(0,_jsxRuntime.jsx)(_NativeAddressSheet.default,Object.assign({},props,{onSubmitAction:function onSubmitAction(event){return onSubmit(event.nativeEvent.result);},onErrorAction:function onErrorAction(event){return onError(event.nativeEvent.error);}}));}
 //# sourceMappingURL=AddressSheet.js.map