@stripe/stripe-react-native 0.65.0 → 0.66.0

package/README.md

@@ -75,8 +75,8 @@ to your `app.json` file, where `merchantIdentifier` is the Apple merchant ID obt
 
 #### Android
 
-- 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 6.0 (API level 23) and above
+  - Your `compileSdkVersion` must be `36` or higher.
 - 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.
 

package/android/detekt/detekt-baseline.xml

@@ -11,16 +11,6 @@
     <ID>CyclomaticComplexMethod:Mappers.kt:internal fun mapToPaymentMethodType: PaymentMethod.Type?</ID>
     <ID>CyclomaticComplexMethod:PaymentMethodCreateParamsFactory.kt:PaymentMethodCreateParamsFactory$@Throws(PaymentMethodCreateParamsException::class) fun createPaymentMethodParams: PaymentMethodCreateParams</ID>
     <ID>CyclomaticComplexMethod:PaymentSheetAppearance.kt:@SuppressLint("RestrictedApi") @Throws(PaymentSheetAppearanceException::class) private fun buildEmbeddedAppearance: PaymentSheet.Appearance.Embedded</ID>
-    <ID>EmptyFunctionBlock:CardFieldView.kt:CardFieldView.&lt;no name provided>${ }</ID>
-    <ID>EmptyFunctionBlock:CardFieldView.kt:CardFieldView.&lt;no name provided>${}</ID>
-    <ID>EmptyFunctionBlock:CustomerSheetManager.kt:CustomerSheetManager.&lt;no name provided>${ }</ID>
-    <ID>EmptyFunctionBlock:CustomerSheetManager.kt:CustomerSheetManager.&lt;no name provided>${}</ID>
-    <ID>EmptyFunctionBlock:DrawableLoadingTest.kt:DrawableLoadingTest.MockAsyncDrawable${}</ID>
-    <ID>EmptyFunctionBlock:PaymentSheetManager.kt:&lt;no name provided>${}</ID>
-    <ID>EmptyFunctionBlock:PaymentSheetManager.kt:PaymentSheetManager.&lt;no name provided>${ }</ID>
-    <ID>EmptyFunctionBlock:PaymentSheetManager.kt:PaymentSheetManager.&lt;no name provided>${}</ID>
-    <ID>EmptyFunctionBlock:StripeAbstractComposeView.kt:StripeAbstractComposeView.CompatView${ }</ID>
-    <ID>EmptyFunctionBlock:StripeSdkModule.kt:StripeSdkModule.&lt;no name provided>${}</ID>
     <ID>ForbiddenComment:Mappers.kt:// TODO: Can't access, private</ID>
     <ID>ForbiddenComment:PaymentSheetAppearance.kt:// TODO: The theme is so crazy long, why does each Color thing has the same redundant Theme...</ID>
     <ID>ForbiddenComment:PaymentSheetAppearance.kt:// TODO: Why is background a string but successBackgroundColor a "dynamic" color?</ID>
@@ -46,71 +36,6 @@
     <ID>LongMethod:PaymentSheetAppearanceTest.kt:PaymentSheetAppearanceTest$@Test fun testPartialAppearanceConfiguration</ID>
     <ID>LongMethod:PaymentSheetManager.kt:PaymentSheetManager$fun configure</ID>
     <ID>LongMethod:StripeSdkModule.kt:StripeSdkModule$@ReactMethod override fun confirmPlatformPay</ID>
-    <ID>MagicNumber:CardFieldView.kt:CardFieldView$20</ID>
-    <ID>MagicNumber:EmbeddedPaymentElementView.kt:EmbeddedPaymentElementView$100</ID>
-    <ID>MagicNumber:FinancialConnectionsSheetManager.kt:FinancialConnectionsSheetManager.Companion$1000.0</ID>
-    <ID>MagicNumber:GooglePayButtonView.kt:GooglePayButtonView$1000</ID>
-    <ID>MagicNumber:GooglePayButtonView.kt:GooglePayButtonView$1001</ID>
-    <ID>MagicNumber:GooglePayButtonView.kt:GooglePayButtonView$11</ID>
-    <ID>MagicNumber:GooglePayButtonView.kt:GooglePayButtonView$4</ID>
-    <ID>MagicNumber:GooglePayButtonView.kt:GooglePayButtonView$5</ID>
-    <ID>MagicNumber:GooglePayButtonView.kt:GooglePayButtonView$6</ID>
-    <ID>MagicNumber:GooglePayButtonView.kt:GooglePayButtonView$7</ID>
-    <ID>MagicNumber:Mappers.kt:1000</ID>
-    <ID>MagicNumber:Mappers.kt:3</ID>
-    <ID>MagicNumber:Mappers.kt:4</ID>
-    <ID>MagicNumber:Mappers.kt:5</ID>
-    <ID>MagicNumber:Mappers.kt:6</ID>
-    <ID>MagicNumber:Mappers.kt:7</ID>
-    <ID>MagicNumber:Mappers.kt:8</ID>
-    <ID>MagicNumber:NavigationBarView.kt:NavigationBarView$16</ID>
-    <ID>MagicNumber:NavigationBarView.kt:NavigationBarView$17f</ID>
-    <ID>MagicNumber:NavigationBarView.kt:NavigationBarView$4f</ID>
-    <ID>MagicNumber:NavigationBarView.kt:NavigationBarView$56</ID>
-    <ID>MagicNumber:PaymentMethodMessagingElementConfig.kt:16.0</ID>
-    <ID>MagicNumber:PaymentMethodMessagingElementConfig.kt:6</ID>
-    <ID>MagicNumber:PaymentMethodMessagingElementConfig.kt:8</ID>
-    <ID>MagicNumber:PaymentOptionDisplayDataMapper.kt:0xFFFFFF</ID>
-    <ID>MagicNumber:PaymentOptionDisplayDataMapper.kt:16f</ID>
-    <ID>MagicNumber:PaymentOptionDisplayDataMapper.kt:5_000L</ID>
-    <ID>MagicNumber:PaymentSheetAppearance.kt:6</ID>
-    <ID>MagicNumber:PaymentSheetAppearance.kt:8</ID>
-    <ID>MagicNumber:PaymentSheetManager.kt:100</ID>
-    <ID>MagicNumber:PaymentSheetManager.kt:PaymentSheetManager$100</ID>
-    <ID>MagicNumber:StripeSdkModule.kt:StripeSdkModule$3000</ID>
-    <ID>MaxLineLength:AddToWalletButtonManager.kt:AddToWalletButtonManager$override fun createViewInstance: AddToWalletButtonView</ID>
-    <ID>MaxLineLength:AddressLauncherManager.kt:AddressLauncherManager$"No publishable key set. Stripe has not been initialized. Initialize Stripe in your app with the StripeProvider component or the initStripe method."</ID>
-    <ID>MaxLineLength:AddressSheetView.kt:AddressSheetView.Companion$internal</ID>
-    <ID>MaxLineLength:AuBECSDebitFormView.kt:AuBECSDebitFormView$UIManagerHelper.getEventDispatcherForReactTag(context, id)?.dispatchEvent(FormCompleteEvent(context.surfaceId, id, formDetails))</ID>
-    <ID>MaxLineLength:AuBECSDebitFormViewManager.kt:AuBECSDebitFormViewManager$override fun createViewInstance: AuBECSDebitFormView</ID>
-    <ID>MaxLineLength:CustomerSheetManager.kt:CustomerSheetManager.Companion$internal</ID>
-    <ID>MaxLineLength:EmbeddedPaymentElementView.kt:EmbeddedPaymentElementView$"Tried to call confirmHandler, but no callback was found. Please file an issue: https://github.com/stripe/stripe-react-native/issues"</ID>
-    <ID>MaxLineLength:EmbeddedPaymentElementView.kt:EmbeddedPaymentElementView$"Tried to call confirmationTokenConfirmHandler, but no callback was found. Please file an issue: https://github.com/stripe/stripe-react-native/issues"</ID>
-    <ID>MaxLineLength:Errors.kt:"Stripe has not been initialized. Initialize Stripe in your app with the StripeProvider component or the initStripe method."</ID>
-    <ID>MaxLineLength:Errors.kt:internal fun createCanceledError: WritableMap</ID>
-    <ID>MaxLineLength:Extensions.kt:)</ID>
-    <ID>MaxLineLength:FinancialConnectionsSheetManager.kt:FinancialConnectionsSheetManager.Companion$private</ID>
-    <ID>MaxLineLength:GooglePayButtonManager.kt:GooglePayButtonManager$override fun createViewInstance: GooglePayButtonView</ID>
-    <ID>MaxLineLength:GooglePayLauncherManager.kt:GooglePayLauncherManager$"Google Pay is not available on this device. You can use isPlatformPaySupported to preemptively check for Google Pay support."</ID>
-    <ID>MaxLineLength:Mappers.kt:internal</ID>
-    <ID>MaxLineLength:Mappers.kt:val disableBillingDetailCollection = customPaymentMethodMap.getBooleanOr("disableBillingDetailCollection", false)</ID>
-    <ID>MaxLineLength:NavigationBarView.kt:NavigationBarView$drawable?.setColorFilter(android.graphics.BlendModeColorFilter(Color.BLACK, android.graphics.BlendMode.SRC_IN))</ID>
-    <ID>MaxLineLength:PaymentElementConfig.kt:internal</ID>
-    <ID>MaxLineLength:PaymentLauncherManager.kt:PaymentLauncherManager$"Invalid parameters provided to PaymentLauncher. Ensure that you are providing the correct client secret and setup params (if necessary)."</ID>
-    <ID>MaxLineLength:PaymentMethodCreateParamsFactory.kt:PaymentMethodCreateParamsFactory$private</ID>
-    <ID>MaxLineLength:PaymentMethodMessagingElementViewManager.kt:PaymentMethodMessagingElementViewManager$override fun createViewInstance: PaymentMethodMessagingElementView</ID>
-    <ID>MaxLineLength:PaymentOptionDisplayDataMapperTest.kt:PaymentOptionDisplayDataMapperTest$"By continuing, you agree to &lt;b>&lt;font color=\"#0000FF\">&lt;u>&lt;a href=\"https://stripe.com/terms\">Terms&lt;/a>&lt;/u>&lt;/font>&lt;/b> and &lt;i>&lt;font color=\"#FF0000\">&lt;a href=\"https://stripe.com/privacy\">Privacy&lt;/a>&lt;/font>&lt;/i>. Important details are &lt;span style=\"background-color: #FFFF00;\">highlighted&lt;/span>."</ID>
-    <ID>MaxLineLength:PaymentOptionDisplayDataMapperTest.kt:PaymentOptionDisplayDataMapperTest$"By continuing, you agree to our &lt;a href=\"https://stripe.com/privacy\">Privacy Policy&lt;/a> and &lt;a href=\"https://stripe.com/terms\">Terms of Service&lt;/a>."</ID>
-    <ID>MaxLineLength:PaymentOptionDisplayDataMapperTest.kt:PaymentOptionDisplayDataMapperTest$"Check &lt;b>&lt;a href=\"https://stripe.com\">Stripe&lt;/a>&lt;/b> and &lt;i>&lt;font color=\"#00FF00\">&lt;a href=\"https://github.com\">GitHub&lt;/a>&lt;/font>&lt;/i>"</ID>
-    <ID>MaxLineLength:PaymentOptionDisplayDataMapperTest.kt:PaymentOptionDisplayDataMapperTest$"Visit our &lt;b>&lt;font color=\"#0000FF\">&lt;a href=\"https://stripe.com/privacy\">Privacy Policy&lt;/a>&lt;/font>&lt;/b> for details"</ID>
-    <ID>MaxLineLength:PaymentSheetAppearance.kt:"$fontErrorPrefix appearance.font.$key should only contain lowercase alphanumeric characters on Android, but received '$fontFileName'. This value must match the filename in android/app/src/main/res/font"</ID>
-    <ID>MaxLineLength:PaymentSheetAppearance.kt:System.err.println("WARN: Unsupported embedded payment element row style received: $styleString. Falling back to default.")</ID>
-    <ID>MaxLineLength:PaymentSheetManager.kt:internal</ID>
-    <ID>MaxLineLength:PostalCodeUtilities.kt:PostalCodeUtilities.Companion$internal fun isValidGlobalPostalCodeCharacter: Boolean</ID>
-    <ID>MaxLineLength:ReactNativeCustomerAdapter.kt:ReactNativeCustomerAdapter$override suspend</ID>
-    <ID>MaxLineLength:ReactNativeCustomerSessionProvider.kt:ReactNativeCustomerSessionProvider$override suspend fun intentConfiguration: Result&lt;CustomerSheet.IntentConfiguration></ID>
-    <ID>MaxLineLength:StripeSdkModule.kt:StripeSdkModule$composeCompatView</ID>
-    <ID>MaxLineLength:StripeSdkModule.kt:StripeSdkModule$reactApplicationContext.currentActivity?.application?.unregisterActivityLifecycleCallbacks(activityLifecycleCallbacks)</ID>
     <ID>RethrowCaughtException:PaymentMethodCreateParamsFactory.kt:PaymentMethodCreateParamsFactory$throw error</ID>
     <ID>SwallowedException:StripeSdkModule.kt:StripeSdkModule$e: Exception</ID>
     <ID>ThrowsCount:PaymentSheetAppearance.kt:@Throws(PaymentSheetAppearanceException::class) internal fun getFontResId: Int?</ID>
@@ -125,7 +50,7 @@
     <ID>TooGenericExceptionCaught:StripeSdkModule.kt:StripeSdkModule$e: Exception</ID>
     <ID>TooGenericExceptionCaught:TapAndPayProxy.kt:TapAndPayProxy$e: Exception</ID>
     <ID>TooGenericExceptionThrown:EmbeddedPaymentElementViewManager.kt:EmbeddedPaymentElementViewManager$throw Error()</ID>
-    <ID>TooGenericExceptionThrown:PaymentLauncherManager.kt:PaymentLauncherManager$throw Exception( "Invalid parameters provided to PaymentLauncher. Ensure that you are providing the correct client secret and setup params (if necessary).", )</ID>
+    <ID>TooGenericExceptionThrown:PaymentLauncherManager.kt:PaymentLauncherManager$throw Exception( "Invalid parameters provided to PaymentLauncher. Ensure that you are providing the correct client " + "secret and setup params (if necessary).", )</ID>
     <ID>TooGenericExceptionThrown:PaymentLauncherManager.kt:PaymentLauncherManager$throw Exception("Failed to create Payment Launcher. No client secret provided.")</ID>
     <ID>TooGenericExceptionThrown:PaymentMethodCreateParamsFactory.kt:PaymentMethodCreateParamsFactory$throw Exception("This paymentMethodType is not supported yet")</ID>
     <ID>TooManyFunctions:AddToWalletButtonManager.kt:AddToWalletButtonManager : SimpleViewManagerAddToWalletButtonManagerInterface</ID>

package/android/gradle.properties

@@ -1,6 +1,6 @@
 StripeSdk_kotlinVersion=2.2.21
-StripeSdk_compileSdkVersion=30
-StripeSdk_targetSdkVersion=28
-StripeSdk_minSdkVersion=21
+StripeSdk_compileSdkVersion=36
+StripeSdk_targetSdkVersion=36
+StripeSdk_minSdkVersion=23
 # Keep StripeSdk_stripeVersion in sync with https://github.com/stripe/stripe-identity-react-native/blob/main/android/gradle.properties
-StripeSdk_stripeVersion=23.6.+
+StripeSdk_stripeVersion=23.9.+

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

@@ -109,7 +109,9 @@ class AuBECSDebitFormView(
         "email" to billingDetails["email"] as String,
       )
 
-    UIManagerHelper.getEventDispatcherForReactTag(context, id)?.dispatchEvent(FormCompleteEvent(context.surfaceId, id, formDetails))
+    UIManagerHelper.getEventDispatcherForReactTag(context, id)?.dispatchEvent(
+      FormCompleteEvent(context.surfaceId, id, formDetails)
+    )
   }
 
   private fun setListeners() {

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

@@ -41,7 +41,8 @@ class AuBECSDebitFormViewManager :
     view.setFormStyle(style.asMapOrNull())
   }
 
-  override fun createViewInstance(reactContext: ThemedReactContext): AuBECSDebitFormView = AuBECSDebitFormView(reactContext)
+  override fun createViewInstance(reactContext: ThemedReactContext): AuBECSDebitFormView =
+    AuBECSDebitFormView(reactContext)
 
   companion object {
     const val REACT_CLASS = "AuBECSDebitForm"

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

@@ -169,7 +169,7 @@ class CardFieldView(
       }
     }
 
-    mCardWidget.setPadding(20, 0, 20, 0)
+    mCardWidget.setPadding(CARD_WIDGET_HORIZONTAL_PADDING, 0, CARD_WIDGET_HORIZONTAL_PADDING, 0)
     mCardWidget.background =
       MaterialShapeDrawable(
         ShapeAppearanceModel()
@@ -367,32 +367,10 @@ class CardFieldView(
       }
     }
 
-    mCardWidget.setCardInputListener(
-      object : CardInputListener {
-        override fun onCardComplete() {}
-
-        override fun onExpirationComplete() {}
-
-        override fun onCvcComplete() {}
-
-        override fun onPostalCodeComplete() {}
-
-        override fun onFocusChange(focusField: CardInputListener.FocusField) {}
-      },
-    )
+    mCardWidget.setCardInputListener(DefaultCardInputListener())
 
     mCardWidget.setExpiryDateTextWatcher(
-      object : TextWatcher {
-        override fun beforeTextChanged(
-          p0: CharSequence?,
-          p1: Int,
-          p2: Int,
-          p3: Int,
-        ) {
-        }
-
-        override fun afterTextChanged(p0: Editable?) {}
-
+      object : DefaultTextWatcher() {
         override fun onTextChanged(
           var1: CharSequence?,
           var2: Int,
@@ -410,17 +388,7 @@ class CardFieldView(
     )
 
     mCardWidget.setPostalCodeTextWatcher(
-      object : TextWatcher {
-        override fun beforeTextChanged(
-          p0: CharSequence?,
-          p1: Int,
-          p2: Int,
-          p3: Int,
-        ) {
-        }
-
-        override fun afterTextChanged(p0: Editable?) {}
-
+      object : DefaultTextWatcher() {
         override fun onTextChanged(
           var1: CharSequence?,
           var2: Int,
@@ -433,17 +401,7 @@ class CardFieldView(
     )
 
     mCardWidget.setCardNumberTextWatcher(
-      object : TextWatcher {
-        override fun beforeTextChanged(
-          p0: CharSequence?,
-          p1: Int,
-          p2: Int,
-          p3: Int,
-        ) {
-        }
-
-        override fun afterTextChanged(p0: Editable?) {}
-
+      object : DefaultTextWatcher() {
         override fun onTextChanged(
           var1: CharSequence?,
           var2: Int,
@@ -458,17 +416,7 @@ class CardFieldView(
     )
 
     mCardWidget.setCvcNumberTextWatcher(
-      object : TextWatcher {
-        override fun beforeTextChanged(
-          p0: CharSequence?,
-          p1: Int,
-          p2: Int,
-          p3: Int,
-        ) {
-        }
-
-        override fun afterTextChanged(p0: Editable?) {}
-
+      object : DefaultTextWatcher() {
         override fun onTextChanged(
           var1: CharSequence?,
           var2: Int,
@@ -530,4 +478,54 @@ class CardFieldView(
       )
       layout(left, top, right, bottom)
     }
+
+  private companion object {
+    const val CARD_WIDGET_HORIZONTAL_PADDING = 20
+  }
+
+  private open class DefaultTextWatcher : TextWatcher {
+    override fun beforeTextChanged(
+      p0: CharSequence?,
+      p1: Int,
+      p2: Int,
+      p3: Int,
+    ) {
+      // NO-OP
+    }
+
+    override fun afterTextChanged(p0: Editable?) {
+      // NO-OP
+    }
+
+    override fun onTextChanged(
+      var1: CharSequence?,
+      var2: Int,
+      var3: Int,
+      var4: Int,
+    ) {
+      // NO-OP
+    }
+  }
+
+  private open class DefaultCardInputListener : CardInputListener {
+    override fun onCardComplete() {
+      // NO-OP
+    }
+
+    override fun onExpirationComplete() {
+      // NO-OP
+    }
+
+    override fun onCvcComplete() {
+      // NO-OP
+    }
+
+    override fun onPostalCodeComplete() {
+      // NO-OP
+    }
+
+    override fun onFocusChange(focusField: CardInputListener.FocusField) {
+      // NO-OP
+    }
+  }
 }

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

@@ -0,0 +1,26 @@
+package com.reactnativestripesdk
+
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.uimanager.events.Event
+
+internal class CurrencySelectorElementEvent(
+  surfaceId: Int,
+  viewTag: Int,
+  private val eventType: EventType,
+  private val eventMap: WritableMap?,
+) : Event<CurrencySelectorElementEvent>(surfaceId, viewTag) {
+  enum class EventType {
+    OnHeightChange,
+  }
+
+  override fun getEventData() = eventMap
+
+  companion object {
+    const val ON_HEIGHT_CHANGE = "topHeightChange"
+  }
+
+  override fun getEventName(): String =
+    when (eventType) {
+      EventType.OnHeightChange -> ON_HEIGHT_CHANGE
+    }
+}

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

@@ -0,0 +1,139 @@
+package com.reactnativestripesdk
+
+import android.annotation.SuppressLint
+import android.content.Context
+import androidx.compose.foundation.layout.Box
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.input.pointer.pointerInput
+import androidx.compose.ui.layout.layout
+import androidx.compose.ui.layout.onSizeChanged
+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.bridge.WritableMap
+import com.facebook.react.uimanager.UIManagerHelper
+import com.stripe.android.paymentelement.CheckoutSessionPreview
+
+@OptIn(CheckoutSessionPreview::class)
+class CurrencySelectorElementView(
+  context: Context,
+) : StripeAbstractComposeView(context) {
+  private val reactContext get() = context as ReactContext
+
+  // Backing state for props. mutableStateOf so Compose recomposes on changes.
+  private var sessionKeyState = mutableStateOf<String?>(null)
+  private var disabledState = mutableStateOf(false)
+
+  fun setSessionKey(value: String?) {
+    sessionKeyState.value = value?.takeIf { it.isNotEmpty() }
+  }
+
+  fun setDisabled(value: Boolean) {
+    disabledState.value = value
+  }
+
+  @SuppressLint("RestrictedApi")
+  @Composable
+  override fun Content() {
+    val sessionKey by remember { sessionKeyState }
+    val disabled by remember { disabledState }
+
+    val checkout = remember(sessionKey) {
+      sessionKey?.let { key ->
+        val module = reactContext.getNativeModule(StripeSdkModule::class.java)
+        module?.checkoutInstances?.get(key)
+      }
+    }
+
+    if (checkout != null) {
+      // We don't push state to JS from this view — `StripeSdkModule` already
+      // observes the same `Checkout` instance and emits a unified
+      // `checkoutSessionDidChangeState` event that `useCheckout` mirrors into
+      // its `state`. Keeping the bridge in one place avoids redundant
+      // round-trips and inconsistencies.
+      MeasuredCurrencySelector(
+        reportHeightChange = { reportHeightChange(it) },
+      ) {
+        Box {
+          checkout.CurrencySelectorContent()
+          if (disabled) {
+            // The Stripe Android composable doesn't yet expose an `isEnabled`
+            // parameter, so swallow taps with a transparent pointer-input
+            // overlay while `disabled` is true. The toggle stays visible but
+            // can't be interacted with.
+            Box(
+              Modifier
+                .matchParentSize()
+                .pointerInput(Unit) { /* consume all gestures */ },
+            )
+          }
+        }
+      }
+    } else {
+      // No checkout yet: take up zero height so the element collapses.
+      LaunchedEffect(Unit) {
+        reportHeightChange(0f)
+      }
+    }
+  }
+
+  @Composable
+  private fun MeasuredCurrencySelector(
+    reportHeightChange: (Float) -> Unit,
+    content: @Composable () -> Unit,
+  ) {
+    val density = LocalDensity.current
+    var heightDp by remember { mutableStateOf(1.dp) } // non-zero sentinel
+
+    Box(
+      Modifier
+        .onSizeChanged { size ->
+          val h = with(density) { size.height.toDp() }
+          if (h != heightDp) {
+            heightDp = h
+            reportHeightChange(h.value)
+          }
+        }
+        .layout { measurable, constraints ->
+          val widthPx = constraints.maxWidth
+          val minHpx = measurable.minIntrinsicHeight(widthPx).coerceAtLeast(0)
+
+          val placeable = measurable.measure(
+            constraints.copy(minHeight = minHpx, maxHeight = minHpx),
+          )
+
+          layout(constraints.maxWidth, placeable.height) {
+            placeable.placeRelative(IntOffset.Zero)
+          }
+        },
+    ) {
+      content()
+    }
+  }
+
+  private fun reportHeightChange(height: Float) {
+    val params = Arguments.createMap().apply {
+      putDouble("height", height.toDouble())
+    }
+    dispatchEvent(CurrencySelectorElementEvent.EventType.OnHeightChange, params)
+  }
+
+  private fun dispatchEvent(
+    eventType: CurrencySelectorElementEvent.EventType,
+    params: WritableMap,
+  ) {
+    val dispatcher = UIManagerHelper.getEventDispatcherForReactTag(reactContext, id)
+    val surfaceId = UIManagerHelper.getSurfaceId(reactContext)
+    dispatcher?.dispatchEvent(
+      CurrencySelectorElementEvent(surfaceId, id, eventType, params),
+    )
+  }
+}

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

@@ -0,0 +1,59 @@
+package com.reactnativestripesdk
+
+import com.facebook.react.module.annotations.ReactModule
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.ViewGroupManager
+import com.facebook.react.uimanager.annotations.ReactProp
+import com.facebook.react.viewmanagers.StripeCurrencySelectorElementManagerDelegate
+import com.facebook.react.viewmanagers.StripeCurrencySelectorElementManagerInterface
+import com.stripe.android.paymentelement.CheckoutSessionPreview
+
+@OptIn(CheckoutSessionPreview::class)
+@ReactModule(name = CurrencySelectorElementViewManager.NAME)
+class CurrencySelectorElementViewManager :
+  ViewGroupManager<CurrencySelectorElementView>(),
+  StripeCurrencySelectorElementManagerInterface<CurrencySelectorElementView> {
+  companion object {
+    const val NAME = "StripeCurrencySelectorElement"
+  }
+
+  private val delegate = StripeCurrencySelectorElementManagerDelegate(this)
+
+  override fun getName() = NAME
+
+  override fun getDelegate() = delegate
+
+  override fun createViewInstance(ctx: ThemedReactContext): CurrencySelectorElementView =
+    CurrencySelectorElementView(ctx)
+
+  override fun onDropViewInstance(view: CurrencySelectorElementView) {
+    super.onDropViewInstance(view)
+    view.handleOnDropViewInstance()
+  }
+
+  override fun needsCustomLayoutForChildren(): Boolean = true
+
+  override fun getExportedCustomDirectEventTypeConstants(): MutableMap<String, Any> =
+    mutableMapOf(
+      CurrencySelectorElementEvent.ON_HEIGHT_CHANGE to
+        mutableMapOf("registrationName" to "onHeightChange"),
+    )
+
+  @ReactProp(name = "sessionKey")
+  override fun setSessionKey(
+    view: CurrencySelectorElementView,
+    value: String?,
+  ) {
+    // Codegen marks `sessionKey` as required, but it can briefly arrive as
+    // null when the view is recycled. Treat empty/null the same.
+    view.setSessionKey(value)
+  }
+
+  @ReactProp(name = "disabled")
+  override fun setDisabled(
+    view: CurrencySelectorElementView,
+    value: Boolean,
+  ) {
+    view.setDisabled(value)
+  }
+}