@primer-io/react-native 2.21.1 → 2.23.0

package/android/build.gradle

@@ -1,7 +1,7 @@
 buildscript {
   // Buildscript is evaluated before everything else so we can't use getExtOrDefault
   def kotlin_version = rootProject.ext.has('kotlinVersion') ? rootProject.ext.get('kotlinVersion') : project.properties['ReactNative_kotlinVersion']
-
+  def kover_version = '0.7.6'
   repositories {
     google()
     mavenCentral()
@@ -9,16 +9,18 @@ buildscript {
   }
 
   dependencies {
-    classpath 'com.android.tools.build:gradle:4.0.2'
+    classpath 'com.android.tools.build:gradle:8.2.2'
     // noinspection DifferentKotlinGradleVersion
     classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
     classpath "org.jetbrains.kotlin:kotlin-serialization:$kotlin_version"
+    classpath "org.jetbrains.kotlinx:kover-gradle-plugin:$kover_version"
   }
 }
 
 apply plugin: 'com.android.library'
 apply plugin: 'kotlin-android'
 apply plugin: 'kotlinx-serialization'
+apply from: "./config/coverage-scripts/kover.gradle"
 
 def getExtOrDefault(name) {
   return rootProject.ext.has(name) ? rootProject.ext.get(name) : project.properties['ReactNative_' + name]
@@ -35,6 +37,8 @@ android {
     minSdkVersion 21
     targetSdkVersion getExtOrIntegerDefault('targetSdkVersion')
 
+    testInstrumentationRunnerArguments runnerBuilder: 'de.mannodermaus.junit5.AndroidJUnit5Builder'
+    testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
   }
 
   buildTypes {
@@ -50,12 +54,19 @@ android {
     disable 'GradleCompatible'
   }
   compileOptions {
-    sourceCompatibility JavaVersion.VERSION_1_8
-    targetCompatibility JavaVersion.VERSION_1_8
+    sourceCompatibility JavaVersion.VERSION_17
+    targetCompatibility JavaVersion.VERSION_17
   }
   kotlinOptions {
     freeCompilerArgs += '-Xjvm-default=all'
   }
+  testOptions {
+    execution = 'ANDROIDX_TEST_ORCHESTRATOR'
+
+    unitTests.all {
+      useJUnitPlatform()
+    }
+  }
 }
 
 repositories {
@@ -135,6 +146,12 @@ dependencies {
   // noinspection GradleDynamicVersion
   api 'com.facebook.react:react-native:+'
   implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
-  implementation "org.jetbrains.kotlinx:kotlinx-serialization-json:1.3.3"
-  implementation 'io.primer:android:2.27.0'
+  implementation "org.jetbrains.kotlinx:kotlinx-serialization-json:1.5.1"
+  implementation 'io.primer:android:2.27.2'
+
+  testImplementation 'io.mockk:mockk:1.13.10'
+  testImplementation 'org.junit.jupiter:junit-jupiter-api:5.10.2'
+  testImplementation 'org.junit.jupiter:junit-jupiter-api:5.10.2'
+  testImplementation 'org.junit.jupiter:junit-jupiter-params:5.10.2'
+  testImplementation 'de.mannodermaus.junit5:android-test-runner:1.3.0'
 }

package/android/config/coverage-scripts/kover.gradle

@@ -0,0 +1,26 @@
+apply plugin: 'org.jetbrains.kotlinx.kover'
+
+subprojects {
+    koverReport {
+        filters {
+            excludes {
+                packages(
+                        '**.example.**',
+                )
+            }
+        }
+        androidReports("release") {
+            verify {
+                rule {
+                    // add lower bound for percentage of covered lines
+                    minBound(80)
+
+                    // add upper bound for percentage of covered lines
+                    maxBound(100)
+                }
+            }
+        }
+    }
+
+    tasks["koverXmlReportRelease"].dependsOn "testReleaseUnitTest"
+}

package/android/gradle/wrapper/gradle-wrapper.properties

@@ -1,6 +1,5 @@
-#Tue Feb 23 12:42:30 CET 2021
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-7.0.2-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.2.1-bin.zip
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists

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

@@ -5,8 +5,8 @@ import com.facebook.react.bridge.*
 import com.facebook.react.modules.core.DeviceEventManagerModule
 import com.primerioreactnative.datamodels.*
 import com.primerioreactnative.utils.PrimerImplementedRNCallbacks
-import com.primerioreactnative.utils.convertJsonToMap
 import com.primerioreactnative.utils.errorTo
+import com.primerioreactnative.utils.toWritableMap
 import io.primer.android.Primer
 import io.primer.android.data.settings.PrimerSettings
 import kotlinx.serialization.decodeFromString
@@ -202,7 +202,7 @@ class PrimerRN(reactContext: ReactApplicationContext, private val json: Json) :
   }
 
   private fun prepareData(data: JSONObject?): WritableMap {
-    return data?.let { convertJsonToMap(data) } ?: Arguments.createMap()
+    return data.toWritableMap()
   }
 }
 

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

@@ -211,10 +211,11 @@ class PrimerRNEventListener : PrimerCheckoutListener {
       }
       sendErrorWithCheckoutData?.invoke(
         PrimerErrorRN(
-          error.errorId,
-          error.description,
-          error.diagnosticsId,
-          error.recoverySuggestion
+          errorId = error.errorId,
+          errorCode = error.errorCode,
+          description = error.description,
+          diagnosticsId = error.diagnosticsId,
+          recoverySuggestion = error.recoverySuggestion
         ), checkoutData?.toPrimerCheckoutDataRN()
       )
     } else {
@@ -229,10 +230,11 @@ class PrimerRNEventListener : PrimerCheckoutListener {
       }
       sendError?.invoke(
         PrimerErrorRN(
-          error.errorId,
-          error.description,
-          error.diagnosticsId,
-          error.recoverySuggestion
+          errorId = error.errorId,
+          errorCode = error.errorCode,
+          description = error.description,
+          diagnosticsId = error.diagnosticsId,
+          recoverySuggestion = error.recoverySuggestion
         )
       )
     } else {

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

@@ -6,8 +6,8 @@ import com.facebook.react.modules.core.DeviceEventManagerModule
 import com.primerioreactnative.datamodels.*
 import com.primerioreactnative.components.events.PrimerHeadlessUniversalCheckoutEvent
 import com.primerioreactnative.utils.PrimerHeadlessUniversalCheckoutImplementedRNCallbacks
-import com.primerioreactnative.utils.convertJsonToMap
 import com.primerioreactnative.utils.errorTo
+import com.primerioreactnative.utils.toWritableMap
 import io.primer.android.ExperimentalPrimerApi
 import io.primer.android.components.PrimerHeadlessUniversalCheckout
 import kotlinx.serialization.decodeFromString
@@ -156,7 +156,7 @@ class PrimerRNHeadlessUniversalCheckout(
   }
 
   private fun prepareData(data: JSONObject?): WritableMap {
-    return data?.let { convertJsonToMap(data) } ?: Arguments.createMap()
+    return data.toWritableMap()
   }
 
   private companion object {

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

@@ -10,8 +10,8 @@ import com.primerioreactnative.extensions.toPrimerCheckoutDataRN
 import com.primerioreactnative.extensions.toPrimerClientSessionRN
 import com.primerioreactnative.extensions.toPrimerPaymentMethodDataRN
 import com.primerioreactnative.utils.PrimerHeadlessUniversalCheckoutImplementedRNCallbacks
-import com.primerioreactnative.utils.convertJsonToMap
 import com.primerioreactnative.utils.errorTo
+import com.primerioreactnative.utils.toWritableMap
 import io.primer.android.completion.PrimerHeadlessUniversalCheckoutResumeDecisionHandler
 import io.primer.android.completion.PrimerPaymentCreationDecisionHandler
 import io.primer.android.components.PrimerHeadlessUniversalCheckoutListener
@@ -61,7 +61,7 @@ class PrimerRNHeadlessUniversalCheckoutListener : PrimerHeadlessUniversalCheckou
       availablePaymentMethods
     )
     successCallback?.resolve(
-      convertJsonToMap(availablePaymentMethods)
+      availablePaymentMethods.toWritableMap()
     )
   }
 
@@ -264,10 +264,11 @@ class PrimerRNHeadlessUniversalCheckoutListener : PrimerHeadlessUniversalCheckou
     if (implementedRNCallbacks?.isOnErrorImplemented == true) {
       sendErrorWithCheckoutData?.invoke(
         PrimerErrorRN(
-          error.errorId,
-          error.description,
-          error.diagnosticsId,
-          error.recoverySuggestion
+          errorId = error.errorId,
+          errorCode = error.errorCode,
+          description = error.description,
+          diagnosticsId = error.diagnosticsId,
+          recoverySuggestion = error.recoverySuggestion
         ), checkoutData?.toPrimerCheckoutDataRN()
       )
     } else {
@@ -279,10 +280,11 @@ class PrimerRNHeadlessUniversalCheckoutListener : PrimerHeadlessUniversalCheckou
     if (implementedRNCallbacks?.isOnErrorImplemented == true) {
       sendError?.invoke(
         PrimerErrorRN(
-          error.errorId,
-          error.description,
-          error.diagnosticsId,
-          error.recoverySuggestion
+          errorId = error.errorId,
+          errorCode = error.errorCode,
+          description = error.description,
+          diagnosticsId = error.diagnosticsId,
+          recoverySuggestion = error.recoverySuggestion
         )
       )
     } else {

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

@@ -0,0 +1,9 @@
+package com.primerioreactnative
+
+import android.util.Log
+import androidx.lifecycle.ViewModelStoreOwner
+import androidx.lifecycle.ViewModelStore
+
+class PrimerRNViewModelStoreOwner : ViewModelStoreOwner {
+  override val viewModelStore: ViewModelStore = ViewModelStore()
+}

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

@@ -8,6 +8,9 @@ import com.primerioreactnative.components.manager.asset.PrimerRNHeadlessUniversa
 import com.primerioreactnative.components.manager.nativeUi.PrimerRNHeadlessUniversalCheckoutNativeUiManager
 import com.primerioreactnative.components.manager.raw.PrimerRNHeadlessUniversalCheckoutRawManager
 import com.primerioreactnative.components.manager.vault.PrimerRNHeadlessUniversalCheckoutVaultManager
+import com.primerioreactnative.components.manager.redirect.PrimerRNHeadlessUniversalCheckoutBanksComponent
+import com.primerioreactnative.components.manager.klarna.PrimerRNHeadlessUniversalCheckoutKlarnaComponent
+import com.primerioreactnative.components.manager.klarna.PrimerKlarnaPaymentViewManager
 import kotlinx.serialization.json.Json
 
 class ReactNativePackage : ReactPackage {
@@ -21,7 +24,11 @@ class ReactNativePackage : ReactPackage {
       PrimerRNHeadlessUniversalCheckoutRawManager(reactContext, json),
       PrimerRNHeadlessUniversalCheckoutNativeUiManager(reactContext),
       PrimerRNHeadlessUniversalCheckoutAssetManager(reactContext),
-      PrimerRNHeadlessUniversalCheckoutVaultManager(reactContext, json)
+      PrimerRNHeadlessUniversalCheckoutVaultManager(reactContext, json),
+      PrimerRNHeadlessUniversalCheckoutKlarnaComponent(reactContext),
+      //region Component with redirect components
+      PrimerRNHeadlessUniversalCheckoutBanksComponent(reactContext)
+      //endregion
     )
   }
 
@@ -31,6 +38,7 @@ class ReactNativePackage : ReactPackage {
       PrimerCardholderNameEditTextManager(),
       PrimerExpiryEditTextManager(),
       PrimerCvvEditTextManager(),
+      PrimerKlarnaPaymentViewManager(reactContext)
     )
   }
 }

package/android/src/main/java/com/primerioreactnative/components/events/PrimerHeadlessUniversalCheckoutComponentEvent.kt

@@ -0,0 +1,10 @@
+package com.primerioreactnative.components.events
+
+internal enum class PrimerHeadlessUniversalCheckoutComponentEvent(val eventName: String) {
+  ON_STEP("onStep"),
+  ON_ERROR("onError"),
+  ON_IN_VALID("onInvalid"),
+  ON_VALID("onValid"),
+  ON_VALIDATING("onValidating"),
+  ON_VALIDATION_ERROR("onValidationError"),
+}

package/android/src/main/java/com/primerioreactnative/components/manager/asset/PrimerRNHeadlessUniversalCheckoutAssetManager.kt

@@ -13,8 +13,8 @@ import com.primerioreactnative.components.datamodels.manager.asset.PrimerRNPayme
 import com.primerioreactnative.components.datamodels.manager.asset.PrimerRNPaymentMethodAssets
 import com.primerioreactnative.components.datamodels.manager.asset.toPrimerRNPaymentMethodAsset
 import com.primerioreactnative.datamodels.ErrorTypeRN
-import com.primerioreactnative.utils.convertJsonToMap
 import com.primerioreactnative.utils.errorTo
+import com.primerioreactnative.utils.toWritableMap
 import io.primer.android.ExperimentalPrimerApi
 import io.primer.android.components.SdkUninitializedException
 import io.primer.android.components.ui.assets.PrimerHeadlessUniversalCheckoutAssetsManager
@@ -52,13 +52,11 @@ internal class PrimerRNHeadlessUniversalCheckoutAssetManager(
               drawableToBitmap(ContextCompat.getDrawable(reactContext, resourceId)!!),
             )
             promise.resolve(
-              convertJsonToMap(
-                JSONObject(
+              JSONObject(
                   Json.encodeToString(
                     PrimerCardNetworkAsset("file://${file.absolutePath}")
                   )
-                )
-              )
+                ).toWritableMap()
             )
           }
       } catch (e: SdkUninitializedException) {
@@ -78,8 +76,7 @@ internal class PrimerRNHeadlessUniversalCheckoutAssetManager(
           paymentMethodTypeStr
         )
       promise.resolve(
-        convertJsonToMap(
-          JSONObject(
+        JSONObject(
             Json.encodeToString(
               PrimerRNPaymentMethodAssetWrapper(
                 paymentMethodAsset.toPrimerRNPaymentMethodAsset(
@@ -87,9 +84,8 @@ internal class PrimerRNHeadlessUniversalCheckoutAssetManager(
                   paymentMethodTypeStr
                 )
               )
-            )
           )
-        )
+        ).toWritableMap()
       )
     } catch (e: SdkUninitializedException) {
       promise.reject(ErrorTypeRN.UnitializedSdkSession.errorId, e.message, e)
@@ -111,18 +107,17 @@ internal class PrimerRNHeadlessUniversalCheckoutAssetManager(
         promise.reject(exception.errorId, exception.description)
       }
       promise.resolve(
-        convertJsonToMap(
-          JSONObject(
+        JSONObject(
             Json.encodeToString(
               PrimerRNPaymentMethodAssets(paymentMethodAssets.map {
                 it.toPrimerRNPaymentMethodAsset(
                   reactContext,
                   it.paymentMethodType
                 )
-              })
+              }
             )
           )
-        )
+        ).toWritableMap()
       )
     } catch (e: SdkUninitializedException) {
       promise.reject(ErrorTypeRN.UnitializedSdkSession.errorId, e.message, e)

package/android/src/main/java/com/primerioreactnative/components/manager/banks/PrimerRNHeadlessUniversalCheckoutBanksComponent.kt

@@ -0,0 +1,284 @@
+package com.primerioreactnative.components.manager.redirect
+
+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.WritableMap
+import com.facebook.react.bridge.WritableArray
+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.banks.toBankIdRN
+import com.primerioreactnative.datamodels.extensions.banks.toFilterRN
+import com.primerioreactnative.datamodels.extensions.banks.toLoadingRN
+import com.primerioreactnative.datamodels.extensions.banks.toBanksRetrievedRN
+import com.primerioreactnative.datamodels.NamedComponentStep
+import com.primerioreactnative.extensions.toPrimerErrorRN
+import com.primerioreactnative.extensions.toPrimerIssuingBankRN
+import com.primerioreactnative.utils.convertJsonToMap
+import com.primerioreactnative.utils.convertJsonToArray
+import com.primerioreactnative.utils.errorTo
+import io.primer.android.components.manager.banks.composable.BanksCollectableData
+import io.primer.android.components.manager.banks.composable.BanksStep
+import io.primer.android.components.manager.componentWithRedirect.PrimerHeadlessUniversalCheckoutComponentWithRedirectManager
+import io.primer.android.components.manager.componentWithRedirect.component.BanksComponent
+import io.primer.android.components.manager.core.composable.PrimerValidationStatus
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.Job
+import kotlinx.coroutines.SupervisorJob
+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
+
+class PrimerRNHeadlessUniversalCheckoutBanksComponent(
+    private val reactContext: ReactApplicationContext,
+) : ReactContextBaseJavaModule(reactContext) {
+  override fun getName() = "RNTPrimerHeadlessUniversalCheckoutBanksComponent"
+
+  private var job: Job? = null
+  private var banksComponent: BanksComponent? = null
+  private var viewModelStoreOwner: ViewModelStoreOwner? = null
+
+  @ReactMethod
+  fun configure(paymentMethodType: String, promise: Promise) {
+
+    val currentViewModelStoreOwner =
+        reactContext.currentActivity as? ViewModelStoreOwner
+            ?: run { PrimerRNViewModelStoreOwner() }
+
+    viewModelStoreOwner = currentViewModelStoreOwner
+    banksComponent =
+        PrimerHeadlessUniversalCheckoutComponentWithRedirectManager(currentViewModelStoreOwner)
+            .provide<BanksComponent>(paymentMethodType = paymentMethodType)
+
+    val lifecycleScope =
+        (reactContext.currentActivity as? LifecycleOwner)?.lifecycleScope
+            ?: CoroutineScope(SupervisorJob() + Dispatchers.Main)
+
+    job =
+        lifecycleScope.launch {
+          if (banksComponent == null) {
+            val exception = ErrorTypeRN.NativeBridgeFailed errorTo UNINITIALIZED_ERROR
+            promise.reject(exception.errorId, exception.description)
+          } else {
+            coroutineScope {
+              launch { configureBanksListener() }
+
+              launch { configureValidationListener() }
+
+              launch { configureErrorListener() }
+              promise.resolve(null)
+            }
+          }
+        }
+  }
+
+  @ReactMethod
+  fun start(promise: Promise) {
+    if (banksComponent == null) {
+      val exception = ErrorTypeRN.NativeBridgeFailed errorTo UNINITIALIZED_ERROR
+      promise.reject(exception.errorId, exception.description)
+    } else {
+      banksComponent?.start()
+      promise.resolve(null)
+    }
+  }
+
+  @ReactMethod
+  fun submit(promise: Promise) {
+    if (banksComponent == null) {
+      val exception = ErrorTypeRN.NativeBridgeFailed errorTo UNINITIALIZED_ERROR
+      promise.reject(exception.errorId, exception.description)
+    } else {
+      banksComponent?.submit()
+      promise.resolve(null)
+    }
+  }
+
+  @ReactMethod
+  fun onBankSelected(bankId: String, promise: Promise) {
+    if (banksComponent == null) {
+      val exception = ErrorTypeRN.NativeBridgeFailed errorTo UNINITIALIZED_ERROR
+      promise.reject(exception.errorId, exception.description)
+    } else {
+      banksComponent?.updateCollectedData(BanksCollectableData.BankId(bankId))
+      promise.resolve(null)
+    }
+  }
+
+  @ReactMethod
+  fun onBankFilterChange(filter: String, promise: Promise) {
+    if (banksComponent == null) {
+      val exception = ErrorTypeRN.NativeBridgeFailed errorTo UNINITIALIZED_ERROR
+      promise.reject(exception.errorId, exception.description)
+    } else {
+      banksComponent?.updateCollectedData(BanksCollectableData.Filter(filter))
+      promise.resolve(null)
+    }
+  }
+
+  private suspend fun configureErrorListener() {
+    banksComponent?.componentError?.collectLatest { error ->
+      sendEvent(
+          PrimerHeadlessUniversalCheckoutComponentEvent.ON_ERROR.eventName,
+          JSONObject().apply { 
+            put(
+              "errors", 
+              JSONArray().apply { 
+                put(JSONObject(json.encodeToString(error.toPrimerErrorRN())))
+              }
+            ) 
+          }
+      )
+    }
+  }
+
+  private suspend fun configureBanksListener() {
+    banksComponent?.componentStep?.collectLatest { banksStep ->
+      when (banksStep) {
+        is BanksStep.Loading -> {
+          sendEvent(
+            PrimerHeadlessUniversalCheckoutComponentEvent.ON_STEP.eventName,
+            JSONObject(json.encodeToString(banksStep.toLoadingRN()))
+          )
+        }
+        is BanksStep.BanksRetrieved -> {
+          sendEvent(
+            PrimerHeadlessUniversalCheckoutComponentEvent.ON_STEP.eventName,
+            JSONObject(
+              json.encodeToString(banksStep.toBanksRetrievedRN())
+            )
+          )
+        }
+      }
+    }
+  }
+
+  private suspend fun configureValidationListener() {
+    banksComponent?.componentValidationStatus?.collectLatest { validationStatus ->
+      when (validationStatus) {
+        is PrimerValidationStatus.Validating -> {
+          sendEvent(
+              PrimerHeadlessUniversalCheckoutComponentEvent.ON_VALIDATING.eventName,
+              JSONObject().apply {
+                putData(validationStatus.collectableData as BanksCollectableData)
+              }
+          )
+        }
+        is PrimerValidationStatus.Invalid -> {
+          sendEvent(
+              PrimerHeadlessUniversalCheckoutComponentEvent.ON_IN_VALID.eventName,
+              JSONObject().apply {
+                putData(validationStatus.collectableData as BanksCollectableData)
+                put(
+                    "errors",
+                    JSONArray(
+                        validationStatus.validationErrors.map {
+                          JSONObject(
+                              json.encodeToString(
+                                  PrimerValidationErrorRN(
+                                      it.errorId,
+                                      it.description,
+                                      it.diagnosticsId,
+                                  )
+                              )
+                          )
+                        }
+                    )
+                )
+              }
+          )
+        }
+        is PrimerValidationStatus.Valid -> {
+          sendEvent(
+              PrimerHeadlessUniversalCheckoutComponentEvent.ON_VALID.eventName,
+              JSONObject().apply {
+                putData(validationStatus.collectableData as BanksCollectableData)
+              }
+          )
+        }
+        is PrimerValidationStatus.Error -> {
+          sendEvent(
+              PrimerHeadlessUniversalCheckoutComponentEvent.ON_VALIDATION_ERROR.eventName,
+              JSONObject().apply {
+                putData(validationStatus.collectableData as BanksCollectableData)
+                put(
+                    "errors",
+                    JSONArray().apply { 
+                      put(JSONObject(json.encodeToString(validationStatus.error.toPrimerErrorRN())))
+                    }
+                )
+              }
+          )
+        }
+      }
+    }
+  }
+
+  private fun JSONObject.putData(collectableData: BanksCollectableData) {
+    put(
+        "data",
+        JSONObject(
+          json.encodeToString(
+            when (collectableData) {
+              is BanksCollectableData.BankId -> collectableData.toBankIdRN()
+              is BanksCollectableData.Filter -> collectableData.toFilterRN()
+            }
+          )
+        )
+    )
+  }
+
+  @ReactMethod fun addListener(eventName: String?) = Unit
+
+  @ReactMethod fun removeListeners(count: Int?) = Unit
+
+  private fun JSONObject?.toWritableMap(): WritableMap =
+    this?.let { convertJsonToMap(this) } ?: Arguments.createMap()
+
+  private fun JSONArray?.toWritableArray(): WritableArray =
+    this?.let { convertJsonToArray(this) } ?: Arguments.createArray()
+
+  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
+    banksComponent = null
+    viewModelStoreOwner?.viewModelStore?.clear()
+    promise.resolve(null)
+  }
+
+  private companion object {
+    const val UNINITIALIZED_ERROR =
+        """
+        The BanksComponent has not been initialized.
+        Make sure you have initialized the `BanksComponent` first.
+      """
+
+    val json = Json { encodeDefaults = true }
+  }
+}