@primer-io/react-native 2.21.1 → 2.23.0

package/android/src/main/java/com/primerioreactnative/components/manager/klarna/PrimerKlarnaPaymentViewManager.kt

@@ -0,0 +1,103 @@
+package com.primerioreactnative.components.manager.klarna
+
+import android.os.Handler
+import android.os.Looper
+import android.view.View
+import android.view.ViewGroup
+import android.widget.FrameLayout
+import android.widget.TextView
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.ViewGroupManager
+import io.primer.android.components.presentation.paymentMethods.nativeUi.klarna.PrimerKlarnaPaymentView
+import java.lang.ref.WeakReference
+import java.util.Timer
+import java.util.TimerTask
+
+class PrimerKlarnaPaymentViewManager(private val reactContext: ReactApplicationContext) :
+    ViewGroupManager<ViewGroup>() {
+  override fun getName() = REACT_CLASS
+
+  override fun createViewInstance(reactContext: ThemedReactContext) =
+      FrameLayout(reactContext).apply {
+        addView(
+            getPrimerKlarnaPaymentViewOrNull(this)
+                ?: PrimerKlarnaPaymentView(context).apply {
+                  addView(TextView(context).apply { text = "Error loading Klarna payment view" })
+                }
+        )
+        alpha = 0f
+      }
+
+  private fun getPrimerKlarnaPaymentViewOrNull(parent: ViewGroup): View? {
+    val view = primerKlarnaPaymentView.get() ?: return null
+    val handler = Handler(Looper.getMainLooper())
+    val listener =
+        object : View.OnLayoutChangeListener {
+          private var timer: Timer? = null
+
+          override fun onLayoutChange(
+              v: View?,
+              left: Int,
+              top: Int,
+              right: Int,
+              bottom: Int,
+              oldLeft: Int,
+              oldTop: Int,
+              oldRight: Int,
+              oldBottom: Int
+          ) {
+            val listener = this
+            timer?.cancel()
+            timer =
+                Timer().apply {
+                  schedule(
+                      object : TimerTask() {
+                        override fun run() {
+                          timer?.cancel()
+                          timer = null
+                          handler.post(
+                              Runnable {
+                                view.removeOnLayoutChangeListener(listener)
+                                // Re-layout parent once KlarnaPaymentView loads
+                                layout(view)
+                                parent.alpha = 1f
+                              }
+                          )
+                        }
+                      },
+                      300L
+                  )
+                }
+          }
+        }
+    view.addOnLayoutChangeListener(listener)
+
+    return view
+  }
+
+  private fun layout(view: View) {
+    val oldX = view.getX().toInt()
+    val oldY = view.getY().toInt()
+    val parent = (view.parent as? View)
+    val fallbackWidth = parent?.width ?: Int.MAX_VALUE
+    val fallbackHeight = parent?.height ?: Int.MAX_VALUE
+    view.measure(
+        View.MeasureSpec.makeMeasureSpec(fallbackWidth, View.MeasureSpec.EXACTLY),
+        View.MeasureSpec.makeMeasureSpec(fallbackHeight, View.MeasureSpec.EXACTLY)
+    )
+    view.layout(oldX, oldY, oldX + fallbackWidth, oldY + fallbackHeight)
+  }
+
+  companion object {
+    private var primerKlarnaPaymentView: WeakReference<PrimerKlarnaPaymentView?> =
+        WeakReference(null)
+      private set
+
+    fun updatePrimerKlarnaPaymentView(view: PrimerKlarnaPaymentView) {
+      primerKlarnaPaymentView = WeakReference(view)
+    }
+
+    const val REACT_CLASS = "PrimerKlarnaPaymentView"
+  }
+}

package/android/src/main/java/com/primerioreactnative/components/manager/klarna/PrimerRNHeadlessUniversalCheckoutKlarnaComponent.kt

@@ -0,0 +1,334 @@
+package com.primerioreactnative.components.manager.klarna
+
+import androidx.lifecycle.LifecycleOwner
+import androidx.lifecycle.ViewModelStoreOwner
+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.facebook.react.bridge.ReadableMap
+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.PrimerErrorRN
+import com.primerioreactnative.datamodels.PrimerValidationErrorRN
+import com.primerioreactnative.datamodels.klarna.KlarnaPaymentCategoryRN
+import com.primerioreactnative.extensions.klarna.toFinalizePaymentRN
+import com.primerioreactnative.extensions.klarna.toKlarnaPaymentCategory
+import com.primerioreactnative.extensions.klarna.toPaymentOptionsRN
+import com.primerioreactnative.extensions.klarna.toPaymentSessionAuthorizedRN
+import com.primerioreactnative.extensions.klarna.toPaymentSessionCreatedRN
+import com.primerioreactnative.extensions.klarna.toPaymentSessionFinalizedRN
+import com.primerioreactnative.extensions.klarna.toPaymentViewLoadedRN
+import com.primerioreactnative.extensions.toPrimerErrorRN
+import com.primerioreactnative.utils.errorTo
+import com.primerioreactnative.utils.toWritableArray
+import com.primerioreactnative.utils.toWritableMap
+import io.primer.android.PrimerSessionIntent
+import io.primer.android.components.manager.core.composable.PrimerValidationStatus
+import io.primer.android.components.manager.klarna.PrimerHeadlessUniversalCheckoutKlarnaManager
+import io.primer.android.components.presentation.paymentMethods.nativeUi.klarna.composable.KlarnaComponent
+import io.primer.android.components.presentation.paymentMethods.nativeUi.klarna.models.KlarnaPaymentCollectableData
+import io.primer.android.components.presentation.paymentMethods.nativeUi.klarna.models.KlarnaPaymentStep
+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 PrimerRNHeadlessUniversalCheckoutKlarnaComponent(
+        private val reactContext: ReactApplicationContext
+) : ReactContextBaseJavaModule(reactContext) {
+
+    override fun getName(): String = "RNTPrimerHeadlessUniversalCheckoutKlarnaComponent"
+
+    private var job: Job? = null
+    private var viewModelStoreOwner: ViewModelStoreOwner? = null
+    private var klarnaComponent: KlarnaComponent? = null
+
+    @ReactMethod
+    fun configure(intent: String, promise: Promise) {
+        val primerSessionIntent = PrimerSessionIntent.values().firstOrNull { intent.equals(it.name, true) }
+        if (primerSessionIntent == null) {
+            val exception = PrimerErrorRN(
+                            errorId = ErrorTypeRN.NativeBridgeFailed.errorId,
+                            description = "Invalid value for 'intent'.",
+                            diagnosticsId = null,
+                            recoverySuggestion = "'intent' can be 'CHECKOUT' or 'VAULT'."
+                    )
+            promise.reject(exception.errorId, exception.description)
+            return
+        }
+
+        val currentViewModelStoreOwner =
+                reactContext.currentActivity as? ViewModelStoreOwner
+                        ?: run { PrimerRNViewModelStoreOwner() }
+
+        viewModelStoreOwner = currentViewModelStoreOwner
+        klarnaComponent = PrimerHeadlessUniversalCheckoutKlarnaManager(currentViewModelStoreOwner)
+                        .provideKlarnaComponent(primerSessionIntent)
+
+        val lifecycleScope =
+                (reactContext.currentActivity as? LifecycleOwner)?.lifecycleScope
+                        ?: CoroutineScope(SupervisorJob() + Dispatchers.Main)
+
+        job =
+                lifecycleScope.launch {
+                    if (klarnaComponent == null) {
+                        val exception = ErrorTypeRN.NativeBridgeFailed errorTo UNINITIALIZED_ERROR
+                        promise.reject(exception.errorId, exception.description)
+                    } else {
+                        coroutineScope {
+                            launch { configureStepListener() }
+
+                            launch { configureValidationListener() }
+
+                            launch { configureErrorListener() }
+                            promise.resolve(null)
+                        }
+                    }
+                }
+    }
+
+    @ReactMethod
+    fun start(promise: Promise) {
+        if (klarnaComponent == null) {
+            val exception = ErrorTypeRN.NativeBridgeFailed errorTo UNINITIALIZED_ERROR
+            promise.reject(exception.errorId, exception.description)
+        } else {
+            klarnaComponent?.start()
+            promise.resolve(null)
+        }
+    }
+
+    @ReactMethod
+    fun submit(promise: Promise) {
+        if (klarnaComponent == null) {
+            val exception = ErrorTypeRN.NativeBridgeFailed errorTo UNINITIALIZED_ERROR
+            promise.reject(exception.errorId, exception.description)
+        } else {
+            klarnaComponent?.submit()
+            promise.resolve(null)
+        }
+    }
+
+    private suspend fun configureErrorListener() {
+        klarnaComponent?.componentError?.collectLatest { error ->
+            sendEvent(
+                    PrimerHeadlessUniversalCheckoutComponentEvent.ON_ERROR.eventName,
+                    JSONObject().apply {
+                        put(
+                                "errors",
+                                JSONArray().apply {
+                                    put(JSONObject(json.encodeToString(error.toPrimerErrorRN())))
+                                }
+                        )
+                    }
+            )
+        }
+    }
+
+    private suspend fun configureStepListener() {
+        klarnaComponent?.componentStep?.collectLatest { klarnaStep ->
+            when (klarnaStep) {
+                is KlarnaPaymentStep.PaymentSessionCreated -> {
+                    sendEvent(
+                            name = PrimerHeadlessUniversalCheckoutComponentEvent.ON_STEP.eventName,
+                            data = JSONObject(
+                                            json.encodeToString(klarnaStep.toPaymentSessionCreatedRN())
+                                    )
+                    )
+                }
+
+                is KlarnaPaymentStep.PaymentViewLoaded -> {
+                    PrimerKlarnaPaymentViewManager.updatePrimerKlarnaPaymentView(klarnaStep.paymentView)
+
+                    sendEvent(
+                            name = PrimerHeadlessUniversalCheckoutComponentEvent.ON_STEP.eventName,
+                            data = JSONObject(json.encodeToString(klarnaStep.toPaymentViewLoadedRN()))
+                    )
+                }
+                is KlarnaPaymentStep.PaymentSessionAuthorized -> {
+                    sendEvent(
+                            name = PrimerHeadlessUniversalCheckoutComponentEvent.ON_STEP.eventName,
+                            data = JSONObject(json.encodeToString(klarnaStep.toPaymentSessionAuthorizedRN()))
+                    )
+                }
+                is KlarnaPaymentStep.PaymentSessionFinalized -> {
+                    sendEvent(
+                            name = PrimerHeadlessUniversalCheckoutComponentEvent.ON_STEP.eventName,
+                            data = JSONObject(json.encodeToString(klarnaStep.toPaymentSessionFinalizedRN())
+                                    )
+                    )
+                }
+            }
+        }
+    }
+
+    private suspend fun configureValidationListener() {
+        klarnaComponent?.componentValidationStatus?.collectLatest { validationStatus ->
+            when (validationStatus) {
+                is PrimerValidationStatus.Validating -> {
+                    sendEvent(
+                            PrimerHeadlessUniversalCheckoutComponentEvent.ON_VALIDATING.eventName,
+                            JSONObject().apply {
+                                putData(validationStatus.collectableData as KlarnaPaymentCollectableData)
+                            }
+                    )
+                }
+                is PrimerValidationStatus.Invalid -> {
+                    sendEvent(
+                            PrimerHeadlessUniversalCheckoutComponentEvent.ON_IN_VALID.eventName,
+                            JSONObject().apply {
+                                putData(validationStatus.collectableData as KlarnaPaymentCollectableData)
+                                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 KlarnaPaymentCollectableData)
+                            }
+                    )
+                }
+                is PrimerValidationStatus.Error -> {
+                    sendEvent(
+                            PrimerHeadlessUniversalCheckoutComponentEvent.ON_VALIDATION_ERROR.eventName,
+                            JSONObject().apply {
+                                putData(validationStatus.collectableData as KlarnaPaymentCollectableData)
+                                put(
+                                        "errors",
+                                        JSONArray().apply {
+                                            put(JSONObject(json.encodeToString(validationStatus.error.toPrimerErrorRN())))
+                                        }
+                                )
+                            }
+                    )
+                }
+            }
+        }
+    }
+
+    private fun JSONObject.putData(collectableData: KlarnaPaymentCollectableData) {
+        put(
+                "data",
+                JSONObject(
+                        json.encodeToString(
+                                when (collectableData) {
+                                    is KlarnaPaymentCollectableData.PaymentOptions ->
+                                            collectableData.toPaymentOptionsRN()
+                                    is KlarnaPaymentCollectableData.FinalizePayment ->
+                                            collectableData.toFinalizePaymentRN()
+                                }
+                        )
+                )
+        )
+    }
+
+    @ReactMethod fun addListener(eventName: String?) = Unit
+
+    @ReactMethod fun removeListeners(count: Int?) = Unit
+
+    @ReactMethod
+    fun onSetPaymentOptions(readableMap: ReadableMap, promise: Promise) {
+        val returnIntentUrl = readableMap.getString("returnIntentUrl")
+        val paymentCategory = readableMap.getMap("paymentCategory") as ReadableMap
+        val json = Json { ignoreUnknownKeys = true }
+        val KlarnaPaymentCategoryRN =
+            json.decodeFromString<KlarnaPaymentCategoryRN>(
+                Json.encodeToString(paymentCategory.toHashMap() as Map<String, String>)
+            )
+
+        val activity = getCurrentActivity()
+
+        if (activity == null) {
+            val exception = ErrorTypeRN.NativeBridgeFailed errorTo MISSING_ACTIVITY_ERROR
+            promise.reject(exception.errorId, exception.description)
+        } else if (klarnaComponent == null) {
+            val exception = ErrorTypeRN.NativeBridgeFailed errorTo UNINITIALIZED_ERROR
+            promise.reject(exception.errorId, exception.description)
+        } else {
+            klarnaComponent?.updateCollectedData(
+                KlarnaPaymentCollectableData.PaymentOptions(
+                    context = activity,
+                    returnIntentUrl = requireNotNull(returnIntentUrl),
+                    paymentCategory = KlarnaPaymentCategoryRN.toKlarnaPaymentCategory()
+                )
+            )
+            promise.resolve(null)
+        }
+    }
+
+    @ReactMethod
+    fun onFinalizePayment(promise: Promise) {
+        if (klarnaComponent == null) {
+            val exception = ErrorTypeRN.NativeBridgeFailed errorTo UNINITIALIZED_ERROR
+            promise.reject(exception.errorId, exception.description)
+        } else {
+            klarnaComponent?.updateCollectedData(KlarnaPaymentCollectableData.FinalizePayment)
+            promise.resolve(null)
+        }
+    }
+
+    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
+        klarnaComponent = null
+        viewModelStoreOwner?.viewModelStore?.clear()
+        promise.resolve(null)
+    }
+
+    private companion object {
+        const val UNINITIALIZED_ERROR =
+                """
+            The KlarnaComponent has not been initialized.
+            Make sure you have initialized the `KlarnaComponent` first.
+            """
+        const val MISSING_ACTIVITY_ERROR =
+                """
+            Could not retrieve running activity from context.
+            """
+
+        val TAG = PrimerRNHeadlessUniversalCheckoutKlarnaComponent::class.simpleName
+
+        val json by lazy { Json { encodeDefaults = true } }
+    }
+}

package/android/src/main/java/com/primerioreactnative/components/manager/nativeUi/PrimerRNHeadlessUniversalCheckoutNativeUiManager.kt

@@ -52,10 +52,11 @@ internal class PrimerRNHeadlessUniversalCheckoutNativeUiManager(
 
     if (::nativeUiManager.isInitialized.not()) {
       val exception = PrimerErrorRN(
-        ErrorTypeRN.NativeBridgeFailed.errorId,
-        "The NativeUIManager has not been initialized.",
-        null,
-        "Initialize the NativeUIManager by calling the configure function" +
+        errorId = ErrorTypeRN.NativeBridgeFailed.errorId,
+        errorCode = null,
+        description = "The NativeUIManager has not been initialized.",
+        diagnosticsId = null,
+        recoverySuggestion = "Initialize the NativeUIManager by calling the configure function" +
           " and providing a payment method type."
       )
       promise.reject(exception.errorId, exception.description)
@@ -63,10 +64,11 @@ internal class PrimerRNHeadlessUniversalCheckoutNativeUiManager(
         .firstOrNull { intentStr.equals(it.name, true) } == null
     ) {
       val exception = PrimerErrorRN(
-        ErrorTypeRN.NativeBridgeFailed.errorId,
-        "Invalid value for 'intent'.",
-        null,
-        "'intent' can be 'CHECKOUT' or 'VAULT'."
+        errorId = ErrorTypeRN.NativeBridgeFailed.errorId,
+        errorCode = null,
+        description = "Invalid value for 'intent'.",
+        diagnosticsId = null,
+        recoverySuggestion = "'intent' can be 'CHECKOUT' or 'VAULT'."
       )
       promise.reject(exception.errorId, exception.description)
     } else {

package/android/src/main/java/com/primerioreactnative/components/manager/raw/PrimerRNHeadlessUniversalCheckoutRawManager.kt

@@ -12,8 +12,8 @@ import com.primerioreactnative.components.datamodels.manager.raw.retailOutlets.t
 import com.primerioreactnative.components.events.PrimerHeadlessUniversalCheckoutEvent
 import com.primerioreactnative.datamodels.ErrorTypeRN
 import com.primerioreactnative.datamodels.PrimerErrorRN
-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.domain.exception.UnsupportedPaymentMethodManagerException
@@ -185,7 +185,7 @@ internal class PrimerRNHeadlessUniversalCheckoutRawManager(
   }
 
   private fun prepareData(data: JSONObject?): WritableMap {
-    return data?.let { convertJsonToMap(data) } ?: Arguments.createMap()
+    return data.toWritableMap()
   }
 
   private fun onError(exception: PrimerErrorRN) {

package/android/src/main/java/com/primerioreactnative/components/manager/vault/PrimerRNHeadlessUniversalCheckoutVaultManager.kt

@@ -11,8 +11,8 @@ import com.primerioreactnative.components.datamodels.manager.vault.toPrimerRNVal
 import com.primerioreactnative.components.datamodels.manager.vault.toPrimerRNVaultedPaymentMethod
 import com.primerioreactnative.components.datamodels.manager.vault.toPrimerVaultedCardAdditionalData
 import com.primerioreactnative.datamodels.ErrorTypeRN
-import com.primerioreactnative.utils.convertJsonToMap
 import com.primerioreactnative.utils.errorTo
+import com.primerioreactnative.utils.toWritableMap
 import io.primer.android.components.manager.vault.PrimerHeadlessUniversalCheckoutVaultManager
 import io.primer.android.components.manager.vault.PrimerHeadlessUniversalCheckoutVaultManagerInterface
 import kotlinx.coroutines.CoroutineScope
@@ -51,15 +51,13 @@ class PrimerRNHeadlessUniversalCheckoutVaultManager(
     vaultScope.launch {
       nativeVaultManager.fetchVaultedPaymentMethods().onSuccess { vaultedPaymentMethods ->
         promise.resolve(
-          convertJsonToMap(
-            JSONObject(
+          JSONObject(
               Json.encodeToString(
                 PrimerRNVaultedPaymentMethods(vaultedPaymentMethods.map {
                   it.toPrimerRNVaultedPaymentMethod()
                 })
               )
-            )
-          )
+          ).toWritableMap()
         )
       }.onFailure { throwable ->
         val exception =
@@ -100,15 +98,13 @@ class PrimerRNHeadlessUniversalCheckoutVaultManager(
         additionalData.toPrimerVaultedCardAdditionalData()
       ).onSuccess { errors ->
         promise.resolve(
-          convertJsonToMap(
-            JSONObject(
+          JSONObject(
               Json.encodeToString(
                 PrimerRNValidationErrors(errors.map {
                   it.toPrimerRNValidationError()
                 })
               )
-            )
-          )
+          ).toWritableMap()
         )
       }.onFailure { throwable ->
         promise.reject(

package/android/src/main/java/com/primerioreactnative/datamodels/NamedComponentStepRN.kt

@@ -0,0 +1,7 @@
+package com.primerioreactnative.datamodels
+
+import kotlinx.serialization.Serializable
+
+internal interface NamedComponentStep {
+    val stepName: String
+}

package/android/src/main/java/com/primerioreactnative/datamodels/NamedComponentValidatableDataRN.kt

@@ -0,0 +1,7 @@
+package com.primerioreactnative.datamodels
+
+import kotlinx.serialization.Serializable
+
+internal interface NamedComponentValidatableData {
+    val validatableDataName: String
+}

package/android/src/main/java/com/primerioreactnative/datamodels/PrimerErrorRN.kt

@@ -5,6 +5,7 @@ import kotlinx.serialization.Serializable
 @Serializable
 data class PrimerErrorRN(
   val errorId: String? = null,
+  val errorCode: String? = null,
   val description: String? = null,
   val diagnosticsId: String? = null,
   val recoverySuggestion: String? = null
@@ -19,3 +20,10 @@ enum class ErrorTypeRN(val errorId: String) {
   VaultManagerDeleteFailed("vaulted-manager-delete-failed"),
   InvalidVaultedPaymentMethodId("invalid-vaulted-payment-method-id")
 }
+
+@Serializable
+data class PrimerValidationErrorRN(
+  val errorId: String? = null,
+  val description: String? = null,
+  val diagnosticsId: String? = null,
+)

package/android/src/main/java/com/primerioreactnative/datamodels/PrimerIssuingBankRN.kt

@@ -0,0 +1,11 @@
+package com.primerioreactnative.datamodels
+
+import kotlinx.serialization.Serializable
+
+@Serializable
+internal data class PrimerIssuingBankRN(
+    val id: String,
+    val name: String,
+    val disabled: Boolean,
+    val iconUrl: String
+)

package/android/src/main/java/com/primerioreactnative/datamodels/banks/BanksCollectableDataRN.kt

@@ -0,0 +1,17 @@
+package com.primerioreactnative.datamodels.banks
+
+import com.primerioreactnative.datamodels.NamedComponentValidatableData
+import kotlinx.serialization.Serializable
+
+@Serializable
+internal sealed interface BanksCollectableDataRN : NamedComponentValidatableData {
+    @Serializable
+    data class FilterRN(val text: String) : BanksCollectableDataRN {
+        override val validatableDataName: String = "bankListFilter"
+    }
+
+    @Serializable
+    data class BankIdRN(val id: String) : BanksCollectableDataRN {
+        override val validatableDataName: String = "bankId"
+    }
+}

package/android/src/main/java/com/primerioreactnative/datamodels/banks/BanksStepRN.kt

@@ -0,0 +1,20 @@
+package com.primerioreactnative.datamodels.banks
+
+import kotlinx.serialization.Serializable
+import com.primerioreactnative.datamodels.NamedComponentStep
+import com.primerioreactnative.datamodels.PrimerIssuingBankRN
+
+@Serializable
+internal sealed interface BanksStepRN : NamedComponentStep {
+    @Serializable
+    class LoadingRN : BanksStepRN {
+        override val stepName: String = "banksLoading"
+    }
+
+    @Serializable
+    data class BanksRetrievedRN(
+        val banks: List<PrimerIssuingBankRN>
+    ) : BanksStepRN {
+        override val stepName: String = "banksRetrieved"
+    }
+}

package/android/src/main/java/com/primerioreactnative/datamodels/extensions/banks/BanksCollectableData.kt

@@ -0,0 +1,8 @@
+package com.primerioreactnative.datamodels.extensions.banks
+
+import io.primer.android.components.manager.banks.composable.BanksCollectableData
+import com.primerioreactnative.datamodels.banks.BanksCollectableDataRN
+
+internal fun BanksCollectableData.BankId.toBankIdRN() = BanksCollectableDataRN.BankIdRN(id)
+
+internal fun BanksCollectableData.Filter.toFilterRN() = BanksCollectableDataRN.FilterRN(text)

package/android/src/main/java/com/primerioreactnative/datamodels/extensions/banks/BanksStep.kt

@@ -0,0 +1,11 @@
+package com.primerioreactnative.datamodels.extensions.banks
+
+import io.primer.android.components.manager.banks.composable.BanksCollectableData
+import io.primer.android.components.manager.banks.composable.BanksStep
+import com.primerioreactnative.datamodels.banks.BanksStepRN
+import com.primerioreactnative.extensions.toPrimerIssuingBankRN
+
+
+internal fun BanksStep.Loading.toLoadingRN() = BanksStepRN.LoadingRN()
+
+internal fun BanksStep.BanksRetrieved.toBanksRetrievedRN() = BanksStepRN.BanksRetrievedRN(banks = banks.map { it.toPrimerIssuingBankRN() })

package/android/src/main/java/com/primerioreactnative/datamodels/klarna/KlarnaPaymentCategoryRN.kt

@@ -0,0 +1,11 @@
+package com.primerioreactnative.datamodels.klarna
+
+import kotlinx.serialization.Serializable
+
+@Serializable
+internal data class KlarnaPaymentCategoryRN(
+    val identifier: String,
+    val name: String,
+    val descriptiveAssetUrl: String,
+    val standardAssetUrl: String
+)