@primer-io/react-native 0.16.0 → 2.0.1

package/src/models/{primer-theme.ts → PrimerTheme.ts}

@@ -1,5 +1,5 @@
 export type PrimerTheme = IPrimerTheme;
-interface IPrimerTheme {
+export interface IPrimerTheme {
   colors?: ColorTheme;
   darkModeColors?: ColorTheme;
 }

package/src/utils/index.ts

@@ -1,4 +1,4 @@
-import type { RgbaColor } from 'src/models/primer-theme';
+import type { RgbaColor } from "../models/PrimerTheme";
 
 export function toRgbColor(hex: string): RgbaColor | null {
   // Make sure it looks like a proper color hex string

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

@@ -1,83 +0,0 @@
-package com.primerioreactnative
-
-import android.content.res.ColorStateList
-import android.graphics.Color
-import android.graphics.drawable.ColorDrawable
-import android.graphics.drawable.GradientDrawable
-import android.view.ViewGroup
-import android.widget.EditText
-import android.widget.LinearLayout
-import android.widget.TextView
-import com.facebook.drawee.backends.pipeline.Fresco
-import com.facebook.react.bridge.ReactApplicationContext
-import com.facebook.react.uimanager.SimpleViewManager
-import com.facebook.react.uimanager.ThemedReactContext
-import com.facebook.react.uimanager.ViewProps
-import com.facebook.react.uimanager.annotations.ReactProp
-import com.facebook.react.views.image.ReactImageView
-import io.primer.android.components.manager.PrimerCardManager
-import io.primer.android.components.manager.PrimerUniversalCheckoutCardManagerInterface
-import io.primer.android.components.ui.widgets.*
-
-val listOfTextInputs = mutableListOf<PrimerEditText>()
-
-class PrimerCardNumberEditTextManager : SimpleViewManager<PrimerCardNumberEditText>() {
-
-  override fun getName(): String {
-    return REACT_CLASS
-  }
-
-  override fun createViewInstance(reactContext: ThemedReactContext): PrimerCardNumberEditText {
-    val editText = PrimerCardNumberEditText(reactContext)
-    return editText
-  }
-
-  companion object {
-    const val REACT_CLASS = "PrimerCardNumberEditText"
-  }
-}
-
-class PrimerCardholderNameEditTextManager : SimpleViewManager<PrimerCardholderNameEditText>() {
-
-  override fun getName(): String {
-    return REACT_CLASS
-  }
-
-  override fun createViewInstance(reactContext: ThemedReactContext): PrimerCardholderNameEditText {
-    return PrimerCardholderNameEditText(reactContext)
-  }
-
-  companion object {
-    const val REACT_CLASS = "PrimerCardholderNameEditText"
-  }
-}
-
-class PrimerExpiryEditTextManager : SimpleViewManager<PrimerExpiryEditText>() {
-
-  override fun getName(): String {
-    return REACT_CLASS
-  }
-
-  override fun createViewInstance(reactContext: ThemedReactContext): PrimerExpiryEditText {
-    return PrimerExpiryEditText(reactContext)
-  }
-
-  companion object {
-    const val REACT_CLASS = "PrimerExpiryEditText"
-  }
-}
-
-class PrimerCvvEditTextManager : SimpleViewManager<PrimerCvvEditText>() {
-
-  override fun getName(): String {
-    return REACT_CLASS
-  }
-
-  override fun createViewInstance(reactContext: ThemedReactContext): PrimerCvvEditText {
-    return PrimerCvvEditText(reactContext)
-  }
-
-  companion object {
-    const val REACT_CLASS = "PrimerCvvEditText"
-  }
-}

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

@@ -1,198 +0,0 @@
-package com.primerioreactnative
-
-import androidx.annotation.Nullable
-import androidx.core.content.ContextCompat
-import com.facebook.react.bridge.*
-import com.facebook.react.modules.core.DeviceEventManagerModule
-import com.primerioreactnative.datamodels.*
-import com.primerioreactnative.huc.assets.AssetsManager
-import com.primerioreactnative.huc.assets.AssetsManager.drawableToBitmap
-import com.primerioreactnative.huc.assets.AssetsManager.getFile
-import com.primerioreactnative.huc.events.PrimerHeadlessUniversalCheckoutEvent
-import com.primerioreactnative.huc.extensions.toArgumentsMap
-import com.primerioreactnative.utils.Keys
-import com.primerioreactnative.utils.errorTo
-import io.primer.android.completion.ResumeHandler
-import io.primer.android.components.PrimerHeadlessUniversalCheckout
-import io.primer.android.components.PrimerHeadlessUniversalCheckoutListener
-import io.primer.android.components.domain.core.models.PrimerHeadlessUniversalCheckoutPaymentMethod
-import io.primer.android.components.ui.assets.ImageType
-import io.primer.android.model.dto.*
-import kotlinx.serialization.decodeFromString
-import kotlinx.serialization.encodeToString
-import kotlinx.serialization.json.Json
-import org.json.JSONObject
-
-class PrimerHeadlessUniversalCheckout(
-  private val reactContext: ReactApplicationContext,
-  private val json: Json,
-) : ReactContextBaseJavaModule(reactContext), PrimerHeadlessUniversalCheckoutListener {
-
-  override fun getName(): String {
-    return "PrimerHeadlessUniversalCheckout"
-  }
-
-  private var resumeHandler: ResumeHandler? = null
-  private var successCallback: Callback? = null
-
-  @ReactMethod
-  fun startWithClientToken(
-    clientToken: String,
-    settingsStr: String?,
-    errorCallback: Callback,
-    successCallback: Callback
-  ) {
-    try {
-      val settings = if (settingsStr.isNullOrBlank()) PrimerSettingsRN() else
-        json.decodeFromString(settingsStr.orEmpty())
-      this.successCallback = successCallback
-      PrimerHeadlessUniversalCheckout.current.start(
-        reactContext,
-        clientToken,
-        PrimerConfig(settings = settings.format()),
-        this
-      )
-    } catch (e: Exception) {
-      errorCallback.invoke(
-        json.encodeToString(
-          ErrorTypeRN.InitFailed errorTo
-            "failed to initialise PrimerHeadlessUniversalCheckout SDK, error: $e",
-        )
-      )
-    }
-  }
-
-  @ReactMethod
-  fun resumeWithClientToken(resumeToken: String) {
-    this.resumeHandler?.handleNewClientToken(resumeToken)
-  }
-
-  @ReactMethod
-  fun showPaymentMethod(paymentMethodType: String) {
-    val primerPaymentMethodType = PrimerPaymentMethodType.safeValueOf(paymentMethodType)
-    PrimerHeadlessUniversalCheckout.current.showPaymentMethod(
-      reactContext,
-      primerPaymentMethodType
-    )
-  }
-
-  @ReactMethod
-  fun disposeHeadlessCheckout() {
-    PrimerHeadlessUniversalCheckout.current.cleanup()
-  }
-
-  @ReactMethod
-  fun getAssetForPaymentMethodType(
-    paymentMethodType: String,
-    assetType: String,
-    errorCallback: Callback,
-    successCallback: Callback
-  ) {
-
-    val primerPaymentMethodType = PrimerPaymentMethodType.safeValueOf(paymentMethodType)
-    val type = ImageType.values().find { it.name.equals(assetType, ignoreCase = true) }
-    when {
-      primerPaymentMethodType == PaymentMethodType.UNKNOWN -> {
-        errorCallback.invoke(
-          json.encodeToString(
-            ErrorTypeRN.AssetMissing errorTo
-              "Asset for $paymentMethodType does not exist, make sure you don't have any typos."
-          )
-        )
-      }
-      type == null -> {
-        errorCallback.invoke(
-          json.encodeToString(
-            ErrorTypeRN.AssetMismatch errorTo
-              "You have provided assetType=$assetType, but variable assetType can be 'LOGO' or 'ICON'."
-          )
-        )
-      }
-      else -> {
-        PrimerHeadlessUniversalCheckout.getAsset(primerPaymentMethodType, type)?.let { resourceId ->
-          val file = getFile(reactContext, paymentMethodType)
-          AssetsManager.saveBitmapToFile(
-            file,
-            drawableToBitmap(ContextCompat.getDrawable(reactContext, resourceId)!!),
-          )
-          successCallback.invoke("file://${file.absolutePath}")
-        } ?: run {
-          errorCallback.invoke(
-            json.encodeToString(
-              ErrorTypeRN.AssetMissing errorTo
-                "Failed to find $paymentMethodType for $assetType"
-            )
-          )
-        }
-      }
-    }
-  }
-
-  override fun onClientSessionSetupSuccessfully(paymentMethods: List<PrimerHeadlessUniversalCheckoutPaymentMethod>) {
-    sendEvent(PrimerHeadlessUniversalCheckoutEvent.CLIENT_SESSION_SETUP_SUCCESS)
-    successCallback?.invoke(
-      Arguments.fromList(paymentMethods.map { it.paymentMethodType.name })
-    )
-  }
-
-  override fun onTokenizationPreparation() {
-    sendEvent(PrimerHeadlessUniversalCheckoutEvent.TOKENIZATION_PREPARATION_STARTED)
-  }
-
-  override fun onTokenizationStarted() {
-    sendEvent(PrimerHeadlessUniversalCheckoutEvent.TOKENIZATION_STARTED)
-  }
-
-  override fun onPaymentMethodShowed() {
-    sendEvent(PrimerHeadlessUniversalCheckoutEvent.PAYMENT_METH0D_SHOWED)
-  }
-
-  override fun onTokenizationSuccess(
-    paymentMethodToken: PaymentMethodToken,
-    resumeHandler: ResumeHandler
-  ) {
-    this.resumeHandler = resumeHandler
-
-    sendEvent(
-      PrimerHeadlessUniversalCheckoutEvent.TOKENIZATION_SUCCESS,
-      mapOf(
-        Keys.PAYMENT_METHOD_TOKEN to json.encodeToString(
-          PrimerPaymentInstrumentTokenRN.fromPaymentMethodToken(
-            paymentMethodToken
-          )
-        )
-      ).toArgumentsMap()
-    )
-  }
-
-  override fun onResumeSuccess(resumeToken: String, resumeHandler: ResumeHandler) {
-    this.resumeHandler = resumeHandler
-
-    sendEvent(
-      PrimerHeadlessUniversalCheckoutEvent.RESUME,
-      mapOf(Keys.RESUME_TOKEN to resumeToken).toArgumentsMap()
-    )
-  }
-
-  override fun onError(error: APIError) {
-    sendEvent(
-      PrimerHeadlessUniversalCheckoutEvent.ERROR,
-      mapOf(
-        Keys.ERROR to json.encodeToString(
-          ErrorTypeRN.CheckoutFlowFailed errorTo
-            error.description
-        )
-      ).toArgumentsMap()
-    )
-  }
-
-
-  private fun sendEvent(
-    event: PrimerHeadlessUniversalCheckoutEvent,
-    @Nullable params: WritableMap? = null
-  ) {
-    reactContext
-      .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter::class.java)
-      .emit(event.eventName, params)
-  }
-}

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

@@ -1,11 +0,0 @@
-package com.primerioreactnative.datamodels
-
-sealed class PrimerEventsRN(val string: String) {
-  object OnClientTokenCallback: PrimerEventsRN("onClientTokenCallback")
-  object OnClientSessionActions: PrimerEventsRN("onClientSessionActions")
-  object OnTokenizeSuccessCallback: PrimerEventsRN("onTokenizeSuccessCallback")
-  object OnResumeSuccess: PrimerEventsRN("onResumeSuccess")
-  object OnCheckoutDismissed: PrimerEventsRN("onCheckoutDismissed")
-  object OnError: PrimerEventsRN("onError")
-  object OnVaultSuccess: PrimerEventsRN("onVaultSuccess")
-}

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

@@ -1,80 +0,0 @@
-package com.primerioreactnative.datamodels
-
-import io.primer.android.PaymentMethod
-import io.primer.android.payment.card.Card
-import io.primer.android.payment.gocardless.GoCardless
-import io.primer.android.payment.google.GooglePay
-import io.primer.android.payment.klarna.Klarna
-import io.primer.android.payment.paypal.PayPal
-import kotlinx.serialization.Serializable
-
-@Serializable
-data class PrimerIntentRN(
-  val vault: Boolean = false,
-  val paymentMethod: PrimerPaymentMethodTypeRN = PrimerPaymentMethodTypeRN.Any,
-) {
-
-  fun toPaymentMethods(settings: PrimerSettingsRN): List<PaymentMethod> {
-    return when (paymentMethod) {
-      PrimerPaymentMethodTypeRN.Any -> {
-        val countryCode = settings.order?.countryCode ?: throw Exception()
-        val currency = settings.order.currency ?: throw Exception()
-        val amount = settings.order.amount ?: throw Exception()
-
-        val googlePay = GooglePay(
-          countryCode = countryCode,
-          currencyCode = currency,
-          totalPrice = amount.toString(),
-        )
-
-        listOf(Klarna(), Card(), PayPal(), googlePay)
-      }
-      PrimerPaymentMethodTypeRN.Klarna -> listOf(Klarna())
-      PrimerPaymentMethodTypeRN.Card -> listOf(Card())
-      PrimerPaymentMethodTypeRN.PayPal -> listOf(PayPal())
-      PrimerPaymentMethodTypeRN.GooglePay -> {
-        val countryCode = settings.order?.countryCode ?: throw Exception()
-        val currency = settings.order.currency ?: throw Exception()
-        val amount = settings.order.amount ?: throw Exception()
-
-        val googlePay = GooglePay(
-          countryCode = countryCode,
-          currencyCode = currency,
-          totalPrice = amount.toString(),
-        )
-        listOf(googlePay)
-      }
-      PrimerPaymentMethodTypeRN.GoCardless -> {
-        val companyName = settings.business?.name ?: throw Exception()
-        val companyAddress = addressToString(settings.business.address) ?: throw Exception()
-        val goCardless = GoCardless(
-          companyName = companyName,
-          companyAddress = companyAddress
-        )
-        return listOf(goCardless)
-      }
-      else -> throw Exception()
-    }
-  }
-
-  companion object {
-    fun addressToString(a: PrimerAddressRN?): String? {
-      if (a == null) return null
-      val values = listOf<String?>(a.line1, a.line2, a.postalCode, a.city, a.country)
-      return values.reduce { acc, s ->
-        s?.let { "$acc$s, " }
-      }?.dropLast(2)
-    }
-  }
-}
-
-@Serializable
-enum class PrimerPaymentMethodTypeRN {
-  Any,
-  Klarna,
-  Card,
-  PayPal,
-  GooglePay,
-  ApplePay,
-  GoCardless,
-}

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

@@ -1,65 +0,0 @@
-package com.primerioreactnative.datamodels
-
-import io.primer.android.data.action.models.ClientSessionActionsRequest
-import kotlinx.serialization.Serializable
-
-@Serializable
-data class PrimerOnClientSessionActionsRequestRN(
-  val actions: List<Action>,
-) {
-
-  @Serializable
-  data class Action(
-    val type: String,
-    val paymentMethodType: String? = null,
-    val network: String? = null,
-    val params: Params? = null,
-  )
-
-  @Serializable
-  data class Params(
-    val billingAddress: Map<String, String?>
-  )
-
-  companion object {
-    fun build(
-      request: ClientSessionActionsRequest,
-    ): PrimerOnClientSessionActionsRequestRN {
-      return PrimerOnClientSessionActionsRequestRN(
-        actions = request.actions.map { action ->
-          when (action) {
-            is ClientSessionActionsRequest.SetPaymentMethod -> {
-              Action(
-                type = "SELECT_PAYMENT_METHOD",
-                paymentMethodType = action.paymentMethodType,
-                network = action.network,
-              )
-            }
-            is ClientSessionActionsRequest.UnsetPaymentMethod -> {
-              Action(
-                type = "UNSELECT_PAYMENT_METHOD",
-              )
-            }
-            is ClientSessionActionsRequest.SetBillingAddress -> {
-              Action(
-                type = "SET_BILLING_ADDRESS",
-                params = Params(
-                  billingAddress = mapOf(
-                    "firstName" to action.firstName,
-                    "lastName" to action.lastName,
-                    "addressLine1" to action.addressLine1,
-                    "addressLine2" to action.addressLine2,
-                    "city" to action.city,
-                    "postalCode" to action.postalCode,
-                    "state" to action.state,
-                    "countryCode" to action.countryCode
-                  )
-                )
-              )
-            }
-          }
-        }
-      )
-    }
-  }
-}

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

@@ -1,9 +0,0 @@
-package com.primerioreactnative.datamodels
-
-import kotlinx.serialization.*
-
-@Serializable
-data class PrimerResumeRequest(
-  val error: String? = null,
-  val token: String? = null,
-)

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

@@ -1,51 +0,0 @@
-package com.primerioreactnative.datamodels
-
-import io.primer.android.InputThemeData
-import io.primer.android.PrimerTheme
-import kotlinx.serialization.Serializable
-
-@Serializable
-class PrimerThemeRN(
-  private val colors: ColorThemeRN? = null,
-  val darkModeColors: ColorThemeRN? = null,
-) {
-  fun format(): PrimerTheme {
-      return PrimerTheme.build(
-        input = InputThemeData()
-      )
-  }
-}
-
-@Serializable
-class ColorThemeRN(
-  val mainColor: ColorRN? = null,
-  val contrastingColor: ColorRN? = null,
-  val background: ColorRN? = null,
-  val text: ColorRN? = null,
-  val contrastingText: ColorRN? = null,
-  val borders: ColorRN? = null,
-  val disabled: ColorRN? = null,
-  val error: ColorRN? = null,
-)
-
-@Serializable
-class ColorRN(
-  private val red: Int,
-  private val green: Int,
-  private val blue: Int,
-  private val alpha: Int,
-) {
-
-  val hex: String
-    get() {
-      val alpha = pad(Integer.toHexString(alpha))
-      val red = pad(Integer.toHexString(red))
-      val green = pad(Integer.toHexString(green))
-      val blue = pad(Integer.toHexString(blue))
-      return "#$alpha$red$green$blue"
-    }
-
-  private fun pad(s: String): String {
-    return if (s.length == 1) "0$s" else s
-  }
-}

package/android/src/main/java/com/primerioreactnative/huc/assets/AssetsManager.kt

@@ -1,56 +0,0 @@
-package com.primerioreactnative.huc.assets
-
-import android.graphics.Bitmap
-import android.graphics.Canvas
-import android.graphics.drawable.BitmapDrawable
-import android.graphics.drawable.Drawable
-import com.facebook.react.bridge.ReactApplicationContext
-import java.io.File
-import java.io.FileOutputStream
-import java.util.*
-
-internal object AssetsManager {
-
-  private const val ASSETS_DIRECTORY = "primer-sdk"
-  private const val COMPRESS_QUALITY = 100
-
-  fun drawableToBitmap(drawable: Drawable): Bitmap {
-    if (drawable is BitmapDrawable) {
-      return drawable.bitmap
-    }
-
-    val bitmap = Bitmap.createBitmap(
-      drawable.intrinsicWidth,
-      drawable.intrinsicHeight,
-      Bitmap.Config.ARGB_8888
-    )
-    val canvas = Canvas(bitmap)
-    drawable.setBounds(0, 0, canvas.width, canvas.height)
-    drawable.draw(canvas)
-    return bitmap
-  }
-
-  fun saveBitmapToFile(
-    file: File,
-    bitmap: Bitmap,
-    format: Bitmap.CompressFormat = Bitmap.CompressFormat.PNG,
-  ) {
-
-    FileOutputStream(file).use {
-      bitmap.compress(format, COMPRESS_QUALITY, it)
-      it.close()
-    }
-  }
-
-  fun getFile(context: ReactApplicationContext, path: String): File {
-    val directory = File(context.filesDir, path)
-    if (!directory.exists()) directory.mkdirs()
-    val file = File(
-      context.filesDir,
-      ASSETS_DIRECTORY + File.pathSeparator + path.toLowerCase(Locale.ROOT)
-    )
-    if (!file.exists()) file.createNewFile()
-    return file
-  }
-
-}

package/android/src/main/java/com/primerioreactnative/huc/events/PrimerHeadlessUniversalCheckoutEvent.kt

@@ -1,11 +0,0 @@
-package com.primerioreactnative.huc.events
-
-internal enum class PrimerHeadlessUniversalCheckoutEvent(val eventName: String) {
-  CLIENT_SESSION_SETUP_SUCCESS("clientSessionDidSetUpSuccessfully"),
-  TOKENIZATION_PREPARATION_STARTED("preparationStarted"),
-  PAYMENT_METH0D_SHOWED("paymentMethodPresented"),
-  TOKENIZATION_STARTED("tokenizationStarted"),
-  TOKENIZATION_SUCCESS("tokenizationSucceeded"),
-  RESUME("resume"),
-  ERROR("error");
-}

package/android/src/main/java/com/primerioreactnative/huc/extensions/Map.kt

@@ -1,10 +0,0 @@
-package com.primerioreactnative.huc.extensions
-
-import com.facebook.react.bridge.Arguments
-
-internal fun Map<String, String>.toArgumentsMap() =
-  Arguments.createMap().apply {
-    entries.forEach {
-      putString(it.key, it.value)
-    }
-  }

package/android/src/main/java/com/primerioreactnative/utils/Keys.kt

@@ -1,7 +0,0 @@
-package com.primerioreactnative.utils
-
-internal object Keys {
-  const val ERROR = "error"
-  const val RESUME_TOKEN = "resumeToken"
-  const val PAYMENT_METHOD_TOKEN = "paymentMethodToken"
-}

package/android/src/main/java/com/primerioreactnative/utils/PrimerEventQueueRN.kt

@@ -1,30 +0,0 @@
-package com.primerioreactnative.utils
-
-import com.facebook.react.bridge.Callback
-import java.util.*
-
-class PrimerEventQueueRN {
-  private var mQueue: Deque<String> = ArrayDeque()
-  private var mCallback: Callback? = null
-
-  fun addRequestAndPoll(request: String) {
-    mQueue.add(request)
-    poll()
-  }
-
-  fun poll(cb: Callback? = null) {
-    if (cb != null) mCallback = cb
-    val callback = mCallback ?: return
-    val next = mQueue.poll() ?: return
-
-    callback.invoke(next)
-
-    clear()
-  }
-
-  fun clear() {
-    mQueue.clear()
-    mCallback = null
-  }
-}
-

package/ios/DataModels/PrimerIntentRN.swift

@@ -1,10 +0,0 @@
-import PrimerSDK
-
-struct PrimerIntentRN: Decodable {
-    let vault: Bool
-    let paymentMethod: String
-    
-    var paymentMethodConfigType: PaymentMethodConfigType {
-        PaymentMethodConfigType.init(rawValue: paymentMethod)
-    }
-}

package/ios/DataModels/PrimerRequestRN.swift

@@ -1,14 +0,0 @@
-struct PrimerInitRequest: Decodable {
-    let intent: String;
-    let token: String;
-    let metadata: PrimerRequestMetadata?;
-}
-
-struct PrimerResumeRequest: Decodable {
-    let error: String?
-    let token: String?
-}
-
-struct PrimerRequestMetadata: Decodable {
-    let message: String?
-}

package/ios/Headless Universal Checkout/RNTPrimerCardNumberInputElementManager.m

@@ -1,23 +0,0 @@
-//
-//  RNTPrimerCardNumberInputElementManager.m
-//  primer-io-react-native
-//
-//  Created by Evangelos on 3/3/22.
-//
-
-#import <React/RCTViewManager.h>
-@import PrimerSDK;
-
-@interface RNTPrimerCardNumberInputElementManager : RCTViewManager
-@end
-
-@implementation RNTPrimerCardNumberInputElementManager
-
-RCT_EXPORT_MODULE(PrimerCardNumberEditText)
-
-- (UIView *)view
-{
-    return [[PrimerCardNumberInputElement alloc] init];
-}
-
-@end