@primer-io/react-native 0.15.8 → 0.16.0

package/android/build.gradle

@@ -37,9 +37,6 @@ android {
   }
 
   buildTypes {
-    debug {
-      consumerProguardFiles 'consumer-rules.pro'
-    }
     release {
       consumerProguardFiles 'consumer-rules.pro'
       minifyEnabled false

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

@@ -0,0 +1,83 @@
+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

@@ -0,0 +1,198 @@
+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/PrimerRN.kt

@@ -4,6 +4,7 @@ import android.util.Log
 import com.facebook.react.bridge.*
 import com.facebook.react.modules.core.DeviceEventManagerModule
 import com.primerioreactnative.datamodels.*
+import com.primerioreactnative.utils.Keys
 import com.primerioreactnative.utils.PrimerImplementedRNCallbacks
 import com.primerioreactnative.utils.errorTo
 import io.primer.android.PaymentMethodIntent
@@ -16,8 +17,8 @@ import kotlinx.serialization.encodeToString
 import kotlinx.serialization.json.Json
 import org.json.JSONObject
 
-
-class PrimerRN(reactContext: ReactApplicationContext) : ReactContextBaseJavaModule(reactContext) {
+class PrimerRN(reactContext: ReactApplicationContext) :
+  ReactContextBaseJavaModule(reactContext) {
 
   private var settings: PrimerSettingsRN = PrimerSettingsRN()
   private var theme: PrimerThemeRN = PrimerThemeRN()
@@ -276,8 +277,3 @@ class PrimerRN(reactContext: ReactApplicationContext) : ReactContextBaseJavaModu
     return PrimerPaymentMethod.valueOf(paymentMethodTypeStr)
   }
 }
-
-internal object Keys {
-  const val ERROR = "error"
-  const val RESUME_TOKEN = "resumeToken"
-}

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

@@ -2,6 +2,7 @@ package com.primerioreactnative
 
 import android.util.Log
 import com.primerioreactnative.datamodels.*
+import com.primerioreactnative.utils.Keys
 import com.primerioreactnative.utils.PrimerImplementedRNCallbacks
 import com.primerioreactnative.utils.asError
 import com.primerioreactnative.utils.errorTo

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

@@ -4,15 +4,26 @@ import com.facebook.react.ReactPackage
 import com.facebook.react.bridge.NativeModule
 import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.uimanager.ViewManager
-
+import kotlinx.serialization.json.Json
 
 class ReactNativePackage : ReactPackage {
+
+  private val json = Json { ignoreUnknownKeys = true }
+
   override fun createNativeModules(reactContext: ReactApplicationContext): List<NativeModule> {
-    return listOf(PrimerRN(reactContext))
+    return listOf(
+      PrimerRN(reactContext),
+      PrimerHeadlessUniversalCheckout(reactContext, json)
+    )
   }
 
   override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> {
-    return emptyList()
+    return mutableListOf(
+      PrimerCardNumberEditTextManager(),
+      PrimerCardholderNameEditTextManager(),
+      PrimerExpiryEditTextManager(),
+      PrimerCvvEditTextManager(),
+    )
   }
 }
 

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

@@ -16,4 +16,6 @@ enum class ErrorTypeRN {
   InitFailed,
   CheckoutFlowFailed,
   TokenizationFailed,
+  AssetMissing,
+  AssetMismatch
 }

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

@@ -0,0 +1,56 @@
+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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,10 @@
+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/ErrorHelper.kt

@@ -4,7 +4,7 @@ import com.primerioreactnative.datamodels.ErrorTypeRN
 import com.primerioreactnative.datamodels.PrimerErrorRN
 
 infix fun ErrorTypeRN.errorTo(message: String) = PrimerErrorRN(
-  ErrorTypeRN.CheckoutFlowFailed.name,
+  name,
   message
 )
 

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

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

package/ios/{ReactNative-Bridging-Header.h → Core/ReactNative-Bridging-Header.h}

@@ -1,3 +1,4 @@
 #import <React/RCTBridgeModule.h>
 #import <React/RCTEventEmitter.h>
 #import <React/RCTViewManager.h>
+#import <React/RCTUIManager.h>

package/ios/Headless Universal Checkout/RNTPrimerCardNumberInputElementManager.m

@@ -0,0 +1,23 @@
+//
+//  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

package/ios/Headless Universal Checkout/RNTPrimerHeadlessUniversalCheckout.m

@@ -0,0 +1,30 @@
+//
+//  RNTPrimerHeadlessUniversalCheckout.m
+//  primer-io-react-native
+//
+//  Created by Evangelos on 8/3/22.
+//
+
+#import <React/RCTBridgeModule.h>
+#import <React/RCTEventEmitter.h>
+
+@interface RCT_EXTERN_MODULE(PrimerHeadlessUniversalCheckout, RCTEventEmitter)
+
+RCT_EXTERN_METHOD(startWithClientToken:(NSString *)clientToken settingsStr:(NSString *)settingsStr errorCallback:(RCTResponseSenderBlock)errorCallback successCallback: (RCTResponseSenderBlock)successCallback)
+
+RCT_EXTERN_METHOD(resumeWithClientToken:(NSString *)resumeToken)
+
+RCT_EXTERN_METHOD(showPaymentMethod:(NSString *)paymentMethodTypeStr)
+
+RCT_EXTERN_METHOD(getAssetForPaymentMethodType:(NSString *)paymentMethodTypeStr
+                  assetType:(NSString *)assetTypeStr
+                  errorCallback:(RCTResponseSenderBlock)errorCallback
+                  successCallback: (RCTResponseSenderBlock)successCallback)
+
+RCT_EXTERN_METHOD(getAssetForCardNetwork:(NSString *)cardNetworkStr
+                  assetType:(NSString *)assetTypeStr
+                  errorCallback:(RCTResponseSenderBlock)errorCallback
+                  successCallback: (RCTResponseSenderBlock)successCallback)
+
+
+@end