@primer-io/react-native 2.26.3 → 2.27.1

package/android/.project

@@ -5,6 +5,11 @@
 	<projects>
 	</projects>
 	<buildSpec>
+		<buildCommand>
+			<name>org.eclipse.jdt.core.javabuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
 		<buildCommand>
 			<name>org.eclipse.buildship.core.gradleprojectbuilder</name>
 			<arguments>
@@ -12,6 +17,7 @@
 		</buildCommand>
 	</buildSpec>
 	<natures>
+		<nature>org.eclipse.jdt.core.javanature</nature>
 		<nature>org.eclipse.buildship.core.gradleprojectnature</nature>
 	</natures>
 	<filteredResources>

package/android/.settings/org.eclipse.buildship.core.prefs

@@ -1,11 +1,11 @@
-arguments=
-auto.sync=false
+arguments=--init-script /var/folders/wt/mqwpc4jx2kjgqf88mzm5qvx40000gn/T/d146c9752a26f79b52047fb6dc6ed385d064e120494f96f08ca63a317c41f94c.gradle --init-script /var/folders/wt/mqwpc4jx2kjgqf88mzm5qvx40000gn/T/52cde0cfcf3e28b8b7510e992210d9614505e0911af0c190bd590d7158574963.gradle
+auto.sync=true
 build.scans.enabled=false
-connection.gradle.distribution=GRADLE_DISTRIBUTION(VERSION(7.4.2))
-connection.project.dir=
+connection.gradle.distribution=GRADLE_DISTRIBUTION(WRAPPER)
+connection.project.dir=../../example/android
 eclipse.preferences.version=1
 gradle.user.home=
-java.home=/Library/Java/JavaVirtualMachines/jdk-11.0.14.jdk/Contents/Home
+java.home=/Applications/Android Studio.app/Contents/jbr/Contents/Home
 jvm.arguments=
 offline.mode=false
 override.workspace.settings=true

package/android/build.gradle

@@ -40,7 +40,6 @@ android {
   group 'io.primer'
   namespace "com.primerioreactnative"
   compileSdkVersion getExtOrIntegerDefault('compileSdkVersion')
-  buildToolsVersion getExtOrDefault('buildToolsVersion')
   defaultConfig {
     minSdkVersion 21
     targetSdkVersion getExtOrIntegerDefault('targetSdkVersion')
@@ -155,8 +154,7 @@ dependencies {
   api 'com.facebook.react:react-native:+'
   implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
   implementation "org.jetbrains.kotlinx:kotlinx-serialization-json:1.5.1"
-  implementation 'io.primer:android:2.28.1'
-
+  implementation 'io.primer:android:2.31.0'
   testImplementation 'io.mockk:mockk:1.13.11'
   testImplementation 'org.junit.jupiter:junit-jupiter-api:5.10.2'
   testImplementation 'org.junit.jupiter:junit-jupiter-api:5.10.2'

package/android/src/main/AndroidManifest.xml

@@ -1,4 +1 @@
-<manifest xmlns:android="http://schemas.android.com/apk/res/android"
-          package="com.primerioreactnative">
-
-</manifest>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"/>

package/android/src/main/java/com/primerioreactnative/PrimerRN.kt

@@ -14,9 +14,9 @@ import kotlinx.serialization.encodeToString
 import kotlinx.serialization.json.Json
 import org.json.JSONObject
 
-class PrimerRN(reactContext: ReactApplicationContext, private val json: Json) :
+class PrimerRN(private val reactContext: ReactApplicationContext, private val json: Json) :
   ReactContextBaseJavaModule(reactContext) {
-  private var mListener = PrimerRNEventListener()
+  private val mListener = PrimerRNEventListener()
 
   init {
     mListener.sendEvent = { eventName, paramsJson -> sendEvent(eventName, paramsJson) }
@@ -36,7 +36,7 @@ class PrimerRN(reactContext: ReactApplicationContext, private val json: Json) :
         if (settingsStr.isBlank()) PrimerSettingsRN() else json.decodeFromString(
           settingsStr
         )
-      startSdk(settings.toPrimerSettings())
+      startSdk(settings.toPrimerSettings(reactContext))
       promise.resolve(null)
     } catch (e: Exception) {
       Log.e("PrimerRN", "configure settings error: $e")

package/android/src/main/java/com/primerioreactnative/PrimerRNEventListener.kt

@@ -5,6 +5,7 @@ import com.primerioreactnative.extensions.toCheckoutAdditionalInfoRN
 import com.primerioreactnative.extensions.toPrimerCheckoutDataRN
 import com.primerioreactnative.extensions.toPrimerClientSessionRN
 import com.primerioreactnative.extensions.toPrimerPaymentMethodDataRN
+import com.primerioreactnative.extensions.removeType
 import com.primerioreactnative.utils.PrimerImplementedRNCallbacks
 import com.primerioreactnative.utils.errorTo
 import io.primer.android.PrimerCheckoutListener
@@ -45,7 +46,7 @@ class PrimerRNEventListener : PrimerCheckoutListener {
         PrimerEvents.ON_CHECKOUT_COMPLETE.eventName,
         JSONObject(Json.encodeToString(checkoutData.toPrimerCheckoutDataRN())).apply {
           val additionalInfoJson = optJSONObject(Keys.ADDITIONAL_INFO)
-          additionalInfoJson?.remove("type")
+          additionalInfoJson?.removeType()
           putOpt(Keys.ADDITIONAL_INFO, additionalInfoJson)
         }
       )
@@ -158,7 +159,7 @@ class PrimerRNEventListener : PrimerCheckoutListener {
         sendEvent?.invoke(
           PrimerEvents.ON_RESUME_PENDING.eventName,
           JSONObject(Json.encodeToString(additionalInfo.toCheckoutAdditionalInfoRN())).apply {
-            remove("type")
+            removeType()
           }
         )
       }
@@ -176,7 +177,7 @@ class PrimerRNEventListener : PrimerCheckoutListener {
         sendEvent?.invoke(
           PrimerEvents.ON_CHECKOUT_RECEIVED_ADDITIONAL_INFO.eventName,
           JSONObject(Json.encodeToString(additionalInfo.toCheckoutAdditionalInfoRN())).apply {
-            remove("type")
+            removeType()
           }
         )
       }

package/android/src/main/java/com/primerioreactnative/PrimerRNHeadlessUniversalCheckout.kt

@@ -21,7 +21,7 @@ class PrimerRNHeadlessUniversalCheckout(
   private val json: Json,
 ) : ReactContextBaseJavaModule(reactContext) {
 
-  private val listener = PrimerRNHeadlessUniversalCheckoutListener()
+  private val listener = PrimerRNHeadlessUniversalCheckoutListener(reactContext)
 
   init {
     listener.sendEvent = { eventName, paramsJson -> sendEvent(eventName, paramsJson) }
@@ -49,7 +49,7 @@ class PrimerRNHeadlessUniversalCheckout(
       PrimerHeadlessUniversalCheckout.current.start(
         reactContext,
         clientToken,
-        settings.toPrimerSettings(),
+        settings.toPrimerSettings(reactContext),
         listener,
         listener
       )

package/android/src/main/java/com/primerioreactnative/PrimerRNHeadlessUniversalCheckoutListener.kt

@@ -1,14 +1,18 @@
 package com.primerioreactnative
 
 import com.facebook.react.bridge.Promise
+import com.facebook.react.bridge.ReactContext
 import com.primerioreactnative.components.datamodels.core.PrimerRNAvailablePaymentMethods
 import com.primerioreactnative.components.datamodels.core.toPrimerRNHeadlessUniversalCheckoutPaymentMethod
 import com.primerioreactnative.components.events.PrimerHeadlessUniversalCheckoutEvent
+import com.primerioreactnative.components.manager.ach.PrimerRNHeadlessUniversalCheckoutStripeAchUserDetailsComponent
+import com.primerioreactnative.components.manager.ach.PrimerRNAchMandateManager
 import com.primerioreactnative.datamodels.*
 import com.primerioreactnative.extensions.toCheckoutAdditionalInfoRN
 import com.primerioreactnative.extensions.toPrimerCheckoutDataRN
 import com.primerioreactnative.extensions.toPrimerClientSessionRN
 import com.primerioreactnative.extensions.toPrimerPaymentMethodDataRN
+import com.primerioreactnative.extensions.removeType
 import com.primerioreactnative.utils.PrimerHeadlessUniversalCheckoutImplementedRNCallbacks
 import com.primerioreactnative.utils.errorTo
 import com.primerioreactnative.utils.toWritableMap
@@ -23,13 +27,18 @@ import io.primer.android.domain.error.models.PrimerError
 import io.primer.android.domain.payments.additionalInfo.MultibancoCheckoutAdditionalInfo
 import io.primer.android.domain.payments.additionalInfo.PrimerCheckoutAdditionalInfo
 import io.primer.android.domain.payments.additionalInfo.PromptPayCheckoutAdditionalInfo
+import io.primer.android.domain.payments.additionalInfo.AchAdditionalInfo
 import io.primer.android.domain.tokenization.models.PrimerPaymentMethodData
 import io.primer.android.domain.tokenization.models.PrimerPaymentMethodTokenData
+import io.primer.android.Primer
 import kotlinx.serialization.encodeToString
 import kotlinx.serialization.json.Json
 import org.json.JSONObject
+import androidx.activity.ComponentActivity
 
-class PrimerRNHeadlessUniversalCheckoutListener : PrimerHeadlessUniversalCheckoutListener,
+class PrimerRNHeadlessUniversalCheckoutListener(
+  private val reactContext: ReactContext
+) : PrimerHeadlessUniversalCheckoutListener,
   PrimerHeadlessUniversalCheckoutUiListener {
   private var paymentCreationDecisionHandler: ((errorMessage: String?) -> Unit)? = null
   private var tokenizeSuccessDecisionHandler: ((resumeToken: String?, errorMessage: String?) -> Unit)? =
@@ -113,7 +122,7 @@ class PrimerRNHeadlessUniversalCheckoutListener : PrimerHeadlessUniversalCheckou
         PrimerHeadlessUniversalCheckoutEvent.ON_CHECKOUT_COMPLETE.eventName,
         JSONObject(Json.encodeToString(checkoutData.toPrimerCheckoutDataRN())).apply {
           val additionalInfoJson = optJSONObject(Keys.ADDITIONAL_INFO)
-          additionalInfoJson?.remove("type")
+          additionalInfoJson?.removeType()
           putOpt(Keys.ADDITIONAL_INFO, additionalInfoJson)
         }
       )
@@ -225,7 +234,7 @@ class PrimerRNHeadlessUniversalCheckoutListener : PrimerHeadlessUniversalCheckou
         sendEvent?.invoke(
           PrimerHeadlessUniversalCheckoutEvent.ON_CHECKOUT_PENDING.eventName,
           JSONObject(Json.encodeToString(additionalInfo.toCheckoutAdditionalInfoRN())).apply {
-            remove("type")
+            removeType()
           }
         )
       }
@@ -240,13 +249,37 @@ class PrimerRNHeadlessUniversalCheckoutListener : PrimerHeadlessUniversalCheckou
 
   override fun onCheckoutAdditionalInfoReceived(additionalInfo: PrimerCheckoutAdditionalInfo) {
     if (implementedRNCallbacks?.isOnCheckoutAdditionalInfoImplemented == true) {
-      if (additionalInfo is PromptPayCheckoutAdditionalInfo) {
-        sendEvent?.invoke(
-          PrimerHeadlessUniversalCheckoutEvent.ON_CHECKOUT_ADDITIONAL_INFO.eventName,
-          JSONObject(Json.encodeToString(additionalInfo.toCheckoutAdditionalInfoRN())).apply {
-            remove("type")
+      when (additionalInfo) {
+        is PromptPayCheckoutAdditionalInfo -> {
+            sendEvent?.invoke(
+                PrimerHeadlessUniversalCheckoutEvent.ON_CHECKOUT_ADDITIONAL_INFO.eventName,
+                JSONObject(json.encodeToString(additionalInfo.toCheckoutAdditionalInfoRN())).apply {
+                  removeType()
+                }
+            )
+        }
+        is AchAdditionalInfo.ProvideActivityResultRegistry -> {
+          val activityResultRegistry = (reactContext.currentActivity as? ComponentActivity)?.activityResultRegistry
+          if (activityResultRegistry == null) {
+            sendError?.invoke(
+              ErrorTypeRN.NativeBridgeFailed
+                errorTo PrimerRNHeadlessUniversalCheckoutStripeAchUserDetailsComponent.UNSUPPORTED_ACTIVITY_ERROR
+            )
+          } else {
+            additionalInfo.provide(activityResultRegistry)
           }
-        )
+        }
+
+        is AchAdditionalInfo.DisplayMandate -> {
+            PrimerRNAchMandateManager.acceptMandate = additionalInfo.onAcceptMandate
+            PrimerRNAchMandateManager.declineMandate = additionalInfo.onDeclineMandate
+            sendEvent?.invoke(
+                PrimerHeadlessUniversalCheckoutEvent.ON_CHECKOUT_ADDITIONAL_INFO.eventName,
+                JSONObject(json.encodeToString(additionalInfo.toCheckoutAdditionalInfoRN())).apply {
+                  removeType()
+                }
+            )
+        }
       }
     } else {
       sendError?.invoke(
@@ -331,4 +364,8 @@ class PrimerRNHeadlessUniversalCheckoutListener : PrimerHeadlessUniversalCheckou
     resumeSuccessDecisionHandler = null
     implementedRNCallbacks = null
   }
+
+  private companion object {
+    val json = Json { encodeDefaults = true }
+  }
 }

package/android/src/main/java/com/primerioreactnative/ReactNativePackage.kt

@@ -11,6 +11,8 @@ import com.primerioreactnative.components.manager.vault.PrimerRNHeadlessUniversa
 import com.primerioreactnative.components.manager.redirect.PrimerRNHeadlessUniversalCheckoutBanksComponent
 import com.primerioreactnative.components.manager.klarna.PrimerRNHeadlessUniversalCheckoutKlarnaComponent
 import com.primerioreactnative.components.manager.klarna.PrimerKlarnaPaymentViewManager
+import com.primerioreactnative.components.manager.ach.PrimerRNHeadlessUniversalCheckoutStripeAchUserDetailsComponent
+import com.primerioreactnative.components.manager.ach.PrimerRNAchMandateManager
 import kotlinx.serialization.json.Json
 
 class ReactNativePackage : ReactPackage {
@@ -26,6 +28,8 @@ class ReactNativePackage : ReactPackage {
       PrimerRNHeadlessUniversalCheckoutAssetManager(reactContext),
       PrimerRNHeadlessUniversalCheckoutVaultManager(reactContext, json),
       PrimerRNHeadlessUniversalCheckoutKlarnaComponent(reactContext),
+      PrimerRNHeadlessUniversalCheckoutStripeAchUserDetailsComponent(reactContext),
+      PrimerRNAchMandateManager(reactContext),
       //region Component with redirect components
       PrimerRNHeadlessUniversalCheckoutBanksComponent(reactContext)
       //endregion

package/android/src/main/java/com/primerioreactnative/components/manager/ach/AchMandateManager.kt

@@ -0,0 +1,70 @@
+package com.primerioreactnative.components.manager.ach
+
+import androidx.lifecycle.LifecycleOwner
+import androidx.lifecycle.lifecycleScope
+import com.facebook.react.bridge.Promise
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.bridge.ReactContextBaseJavaModule
+import com.facebook.react.bridge.ReactMethod
+import com.primerioreactnative.datamodels.ErrorTypeRN
+import com.primerioreactnative.utils.errorTo
+import kotlinx.coroutines.launch
+
+class PrimerRNAchMandateManager(
+        private val reactContext: ReactApplicationContext,
+) : ReactContextBaseJavaModule(reactContext) {
+    override fun getName() = "RNTAchMandateManager"
+
+    @ReactMethod
+    fun acceptMandate(promise: Promise) {
+        executeMandateAction(promise, PrimerRNAchMandateManager.Companion.acceptMandate, UNITIALIZED_ACCEPT_MANDATE)
+    }
+    
+    @ReactMethod
+    fun declineMandate(promise: Promise) {
+        executeMandateAction(promise, PrimerRNAchMandateManager.Companion.declineMandate, UNITIALIZED_DECLINE_MANDATE)
+    }
+    
+    private fun executeMandateAction(promise: Promise, action: (suspend () -> Unit)?, error: String) {
+        val lifecycleScope = getLifecycleScopeOrNull()
+    
+        if (lifecycleScope == null) {
+            val exception = ErrorTypeRN.NativeBridgeFailed errorTo UNSUPPORTED_ACTIVITY_ERROR
+            promise.reject(exception.errorId, exception.description)
+        } else {
+            lifecycleScope.launch {
+                if (action == null) {
+                    val exception = ErrorTypeRN.NativeBridgeFailed errorTo error
+                    promise.reject(exception.errorId, exception.description)
+                } else {
+                    action()
+                    promise.resolve(null)
+                }
+            }
+        }
+    }
+
+    private fun getLifecycleScopeOrNull() =
+            (reactContext.currentActivity as? LifecycleOwner)?.lifecycleScope
+
+    companion object {
+        var acceptMandate: (suspend () -> Unit)? = null
+        var declineMandate: (suspend () -> Unit)? = null
+
+        val UNSUPPORTED_ACTIVITY_ERROR =
+                """
+                Unsupported activity type.
+                Make sure your root activity extends LifecycleOwner.
+        """.trimIndent()
+
+        val UNITIALIZED_ACCEPT_MANDATE =
+                """
+                Unitialized 'acceptMandate' property.
+        """.trimIndent()
+
+        val UNITIALIZED_DECLINE_MANDATE =
+                """
+                Unitialized 'declineMandate' property.
+        """.trimIndent()
+    }
+}

package/android/src/main/java/com/primerioreactnative/components/manager/ach/PrimerRNHeadlessUniversalCheckoutStripeAchUserDetailsComponent.kt

@@ -0,0 +1,283 @@
+package com.primerioreactnative.components.manager.ach
+
+import androidx.activity.ComponentActivity
+import androidx.lifecycle.LifecycleOwner
+import androidx.lifecycle.ViewModelStoreOwner
+import androidx.lifecycle.lifecycleScope
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.Promise
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.bridge.ReactContextBaseJavaModule
+import com.facebook.react.bridge.ReactMethod
+import com.facebook.react.bridge.WritableArray
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.modules.core.DeviceEventManagerModule
+import com.primerioreactnative.PrimerRNViewModelStoreOwner
+import com.primerioreactnative.components.events.PrimerHeadlessUniversalCheckoutComponentEvent
+import com.primerioreactnative.datamodels.ErrorTypeRN
+import com.primerioreactnative.datamodels.PrimerValidationErrorRN
+import com.primerioreactnative.datamodels.extensions.ach.toUserDetailsCollectedRN
+import com.primerioreactnative.datamodels.extensions.ach.toEmailAddressRN
+import com.primerioreactnative.datamodels.extensions.ach.toFirstNameRN
+import com.primerioreactnative.datamodels.extensions.ach.toLastNameRN
+import com.primerioreactnative.datamodels.extensions.ach.toUserDetailsRetrievedRN
+import com.primerioreactnative.utils.convertJsonToArray
+import com.primerioreactnative.utils.convertJsonToMap
+import com.primerioreactnative.utils.errorTo
+import io.primer.android.components.manager.ach.PrimerHeadlessUniversalCheckoutAchManager
+import io.primer.android.components.manager.core.composable.PrimerValidationStatus
+import io.primer.android.components.presentation.paymentMethods.nativeUi.stripe.ach.StripeAchUserDetailsComponent
+import io.primer.android.components.presentation.paymentMethods.nativeUi.stripe.ach.composable.AchUserDetailsCollectableData
+import io.primer.android.components.presentation.paymentMethods.nativeUi.stripe.ach.composable.AchUserDetailsStep
+import io.primer.android.domain.error.models.PrimerError
+import com.primerioreactnative.utils.toWritableArray
+import com.primerioreactnative.utils.toWritableMap
+import com.primerioreactnative.extensions.putErrors
+import com.primerioreactnative.extensions.putValidationErrors
+import kotlinx.coroutines.Job
+import kotlinx.coroutines.coroutineScope
+import kotlinx.coroutines.flow.collectLatest
+import kotlinx.coroutines.launch
+import kotlinx.serialization.encodeToString
+import kotlinx.serialization.json.Json
+import org.json.JSONArray
+import org.json.JSONObject
+import android.util.Log
+
+class PrimerRNHeadlessUniversalCheckoutStripeAchUserDetailsComponent(
+    private val reactContext: ReactApplicationContext,
+) : ReactContextBaseJavaModule(reactContext) {
+  override fun getName() = "RNTPrimerHeadlessUniversalCheckoutStripeAchUserDetailsComponent"
+
+  private var job: Job? = null
+  private var viewModelStoreOwner: ViewModelStoreOwner? = null
+  private var component: StripeAchUserDetailsComponent? = null
+
+  @ReactMethod
+  fun configure(promise: Promise) {
+    val currentViewModelStoreOwner =
+        reactContext.currentActivity as? ViewModelStoreOwner
+            ?: run { PrimerRNViewModelStoreOwner() }
+
+    val activity = reactContext.currentActivity as? ComponentActivity
+
+    if (activity == null) {
+      val exception = ErrorTypeRN.NativeBridgeFailed errorTo UNSUPPORTED_ACTIVITY_ERROR
+      promise.reject(exception.errorId, exception.description)
+      return
+    }
+
+    viewModelStoreOwner = currentViewModelStoreOwner
+
+    runCatching {
+      PrimerHeadlessUniversalCheckoutAchManager(currentViewModelStoreOwner)
+          .provide<StripeAchUserDetailsComponent>("STRIPE_ACH")
+    }
+        .onSuccess { component = it }
+        .onFailure { 
+          val exception = ErrorTypeRN.NativeBridgeFailed errorTo "$INITIALIZATION_ERROR: ${it.message}"
+          promise.reject(exception.errorId, exception.description)
+          return
+         }
+
+    val lifecycleScope = (activity as LifecycleOwner).lifecycleScope
+
+    job =
+        lifecycleScope.launch {
+          coroutineScope {
+            launch { configureStepListener() }
+
+            launch { configureValidationListener() }
+
+            launch { configureErrorListener() }
+            promise.resolve(null)
+          }
+        }
+  }
+
+  @ReactMethod
+  fun start(promise: Promise) {
+    if (component == null) {
+      val exception = ErrorTypeRN.NativeBridgeFailed errorTo UNINITIALIZED_ERROR
+      promise.reject(exception.errorId, exception.description)
+    } else {
+      component?.start()
+      promise.resolve(null)
+    }
+  }
+
+  @ReactMethod
+  fun submit(promise: Promise) {
+    if (component == null) {
+      val exception = ErrorTypeRN.NativeBridgeFailed errorTo UNINITIALIZED_ERROR
+      promise.reject(exception.errorId, exception.description)
+    } else {
+      component?.submit()
+      promise.resolve(null)
+    }
+  }
+
+  @ReactMethod
+  fun onSetFirstName(firstName: String, promise: Promise) {
+    if (component == null) {
+      val exception = ErrorTypeRN.NativeBridgeFailed errorTo UNINITIALIZED_ERROR
+      promise.reject(exception.errorId, exception.description)
+    } else {
+      component?.updateCollectedData(AchUserDetailsCollectableData.FirstName(firstName))
+      promise.resolve(null)
+    }
+  }
+
+  @ReactMethod
+  fun onSetLastName(lastName: String, promise: Promise) {
+    if (component == null) {
+      val exception = ErrorTypeRN.NativeBridgeFailed errorTo UNINITIALIZED_ERROR
+      promise.reject(exception.errorId, exception.description)
+    } else {
+      component?.updateCollectedData(AchUserDetailsCollectableData.LastName(lastName))
+      promise.resolve(null)
+    }
+  }
+
+  @ReactMethod
+  fun onSetEmailAddress(emailAddress: String, promise: Promise) {
+    if (component == null) {
+      val exception = ErrorTypeRN.NativeBridgeFailed errorTo UNINITIALIZED_ERROR
+      promise.reject(exception.errorId, exception.description)
+    } else {
+      component?.updateCollectedData(AchUserDetailsCollectableData.EmailAddress(emailAddress))
+      promise.resolve(null)
+    }
+  }
+
+  private suspend fun configureErrorListener() {
+    component?.componentError?.collectLatest { error ->
+      sendEvent(
+          PrimerHeadlessUniversalCheckoutComponentEvent.ON_ERROR.eventName,
+          JSONObject().apply { putErrors(error) }
+      )
+    }
+  }
+
+  private suspend fun configureStepListener() {
+    component?.componentStep?.collectLatest { step ->
+      when (step) {
+        is AchUserDetailsStep.UserDetailsRetrieved -> {
+          sendEvent(
+              PrimerHeadlessUniversalCheckoutComponentEvent.ON_STEP.eventName,
+              JSONObject(json.encodeToString(step.toUserDetailsRetrievedRN()))
+          )
+        }
+        is AchUserDetailsStep.UserDetailsCollected -> {
+          sendEvent(
+              PrimerHeadlessUniversalCheckoutComponentEvent.ON_STEP.eventName,
+              JSONObject(json.encodeToString(step.toUserDetailsCollectedRN()))
+          )
+        }
+      }
+    }
+  }
+
+  private suspend fun configureValidationListener() {
+    component?.componentValidationStatus?.collectLatest { validationStatus ->
+      when (validationStatus) {
+        is PrimerValidationStatus.Validating -> {
+          sendEvent(
+              PrimerHeadlessUniversalCheckoutComponentEvent.ON_VALIDATING.eventName,
+              JSONObject().apply {
+                putData(validationStatus.collectableData as AchUserDetailsCollectableData)
+              }
+          )
+        }
+        is PrimerValidationStatus.Invalid -> {
+          sendEvent(
+              PrimerHeadlessUniversalCheckoutComponentEvent.ON_IN_VALID.eventName,
+              JSONObject().apply {
+                putData(validationStatus.collectableData as AchUserDetailsCollectableData)
+                putValidationErrors(validationStatus.validationErrors)
+              }
+          )
+        }
+        is PrimerValidationStatus.Valid -> {
+          sendEvent(
+              PrimerHeadlessUniversalCheckoutComponentEvent.ON_VALID.eventName,
+              JSONObject().apply {
+                putData(validationStatus.collectableData as AchUserDetailsCollectableData)
+              }
+          )
+        }
+        is PrimerValidationStatus.Error -> {
+          sendEvent(
+              PrimerHeadlessUniversalCheckoutComponentEvent.ON_VALIDATION_ERROR.eventName,
+              JSONObject().apply {
+                putData(validationStatus.collectableData as AchUserDetailsCollectableData)
+                putErrors(validationStatus.error)
+              }
+          )
+        }
+      }
+    }
+  }
+
+  private fun JSONObject.putData(collectableData: AchUserDetailsCollectableData) {
+    put(
+        "data",
+        JSONObject(
+            json.encodeToString(
+                when (collectableData) {
+                  is AchUserDetailsCollectableData.FirstName ->
+                      collectableData.toFirstNameRN()
+                  is AchUserDetailsCollectableData.LastName -> collectableData.toLastNameRN()
+                  is AchUserDetailsCollectableData.EmailAddress ->
+                      collectableData.toEmailAddressRN()
+                }
+            )
+        )
+    )
+  }
+
+  @ReactMethod fun addListener(eventName: String?) = Unit
+
+  @ReactMethod fun removeListeners(count: Int?) = Unit
+
+  private fun sendEvent(name: String, data: JSONObject?) {
+    reactApplicationContext
+        .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter::class.java)
+        .emit(name, data.toWritableMap())
+  }
+
+  private fun sendEvent(name: String, data: JSONArray?) {
+    reactApplicationContext
+        .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter::class.java)
+        .emit(name, data.toWritableArray())
+  }
+
+  @ReactMethod
+  fun cleanUp(promise: Promise) {
+    job?.cancel()
+    job = null
+    component = null
+    viewModelStoreOwner?.viewModelStore?.clear()
+    promise.resolve(null)
+  }
+
+  companion object {
+    const val INITIALIZATION_ERROR = """
+      An error occurred during component initialization.
+    """
+
+    const val UNINITIALIZED_ERROR =
+        """
+        The component has not been initialized.
+        Make sure you have initialized the `component` first.
+      """
+
+    const val UNSUPPORTED_ACTIVITY_ERROR =
+        """
+        Unsupported activity type.
+        Make sure your root activity extends ComponentActivity.
+      """
+
+    val json = Json { encodeDefaults = true }
+  }
+}