@primer-io/react-native 2.16.2 → 2.17.0-rc.1

package/ios/ReactNative.xcodeproj/project.pbxproj

@@ -14,7 +14,7 @@
 		1DEBE0FE26C2D875004E3064 /* PrimerSettingsRN.swift in Sources */ = {isa = PBXBuildFile; fileRef = 1DEBE0FD26C2D875004E3064 /* PrimerSettingsRN.swift */; };
 		1DEBE10026C2D88E004E3064 /* PrimerThemeRN.swift in Sources */ = {isa = PBXBuildFile; fileRef = 1DEBE0FF26C2D88E004E3064 /* PrimerThemeRN.swift */; };
 		1DEBE10226C2D8BA004E3064 /* PaymentInstrumentTokenRN.swift in Sources */ = {isa = PBXBuildFile; fileRef = 1DEBE10126C2D8BA004E3064 /* PaymentInstrumentTokenRN.swift */; };
-		89F0FEEB6413C5D9701E83B6 /* libPods-ReactNative.a in Frameworks */ = {isa = PBXBuildFile; fileRef = BADF4926CED3501185F76198 /* libPods-ReactNative.a */; };
+		3513609F0CAED44C39E307A6 /* libPods-ReactNative.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 1BC6985820719A2A61EB3DD8 /* libPods-ReactNative.a */; };
 		F4FF95D7245B92E800C19C63 /* UniversalCheckoutRN.swift in Sources */ = {isa = PBXBuildFile; fileRef = F4FF95D6245B92E800C19C63 /* UniversalCheckoutRN.swift */; };
 /* End PBXBuildFile section */
 
@@ -32,16 +32,16 @@
 
 /* Begin PBXFileReference section */
 		134814201AA4EA6300B7C361 /* libReactNative.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libReactNative.a; sourceTree = BUILT_PRODUCTS_DIR; };
+		1BC6985820719A2A61EB3DD8 /* libPods-ReactNative.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-ReactNative.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 		1DEBE0F626C2D594004E3064 /* PrimerRN.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PrimerRN.swift; sourceTree = "<group>"; };
 		1DEBE0F926C2D75A004E3064 /* PrimerFlowRN.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PrimerFlowRN.swift; sourceTree = "<group>"; };
 		1DEBE0FB26C2D859004E3064 /* PrimerExceptionRN.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PrimerExceptionRN.swift; sourceTree = "<group>"; };
 		1DEBE0FD26C2D875004E3064 /* PrimerSettingsRN.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PrimerSettingsRN.swift; sourceTree = "<group>"; };
 		1DEBE0FF26C2D88E004E3064 /* PrimerThemeRN.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PrimerThemeRN.swift; sourceTree = "<group>"; };
 		1DEBE10126C2D8BA004E3064 /* PaymentInstrumentTokenRN.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PaymentInstrumentTokenRN.swift; sourceTree = "<group>"; };
-		838A4233250958211E6C0DD8 /* Pods-ReactNative.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-ReactNative.debug.xcconfig"; path = "Target Support Files/Pods-ReactNative/Pods-ReactNative.debug.xcconfig"; sourceTree = "<group>"; };
-		A5356B751E3623AFD2BA69A3 /* Pods-ReactNative.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-ReactNative.release.xcconfig"; path = "Target Support Files/Pods-ReactNative/Pods-ReactNative.release.xcconfig"; sourceTree = "<group>"; };
+		568A70304A987529851A447E /* Pods-ReactNative.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-ReactNative.release.xcconfig"; path = "Target Support Files/Pods-ReactNative/Pods-ReactNative.release.xcconfig"; sourceTree = "<group>"; };
+		AED192A9C2698C599CF21663 /* Pods-ReactNative.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-ReactNative.debug.xcconfig"; path = "Target Support Files/Pods-ReactNative/Pods-ReactNative.debug.xcconfig"; sourceTree = "<group>"; };
 		B3E7B5891CC2AC0600A0062D /* ReactNative.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = ReactNative.m; sourceTree = "<group>"; };
-		BADF4926CED3501185F76198 /* libPods-ReactNative.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-ReactNative.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 		F4FF95D5245B92E700C19C63 /* ReactNative-Bridging-Header.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "ReactNative-Bridging-Header.h"; sourceTree = "<group>"; };
 		F4FF95D6245B92E800C19C63 /* UniversalCheckoutRN.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = UniversalCheckoutRN.swift; sourceTree = "<group>"; };
 /* End PBXFileReference section */
@@ -51,13 +51,21 @@
 			isa = PBXFrameworksBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
-				89F0FEEB6413C5D9701E83B6 /* libPods-ReactNative.a in Frameworks */,
+				3513609F0CAED44C39E307A6 /* libPods-ReactNative.a in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
 /* End PBXFrameworksBuildPhase section */
 
 /* Begin PBXGroup section */
+		11BA866BDA971C4D4B96C2C4 /* Frameworks */ = {
+			isa = PBXGroup;
+			children = (
+				1BC6985820719A2A61EB3DD8 /* libPods-ReactNative.a */,
+			);
+			name = Frameworks;
+			sourceTree = "<group>";
+		};
 		134814211AA4EA7D00B7C361 /* Products */ = {
 			isa = PBXGroup;
 			children = (
@@ -81,8 +89,8 @@
 		38076040A533828516C55677 /* Pods */ = {
 			isa = PBXGroup;
 			children = (
-				838A4233250958211E6C0DD8 /* Pods-ReactNative.debug.xcconfig */,
-				A5356B751E3623AFD2BA69A3 /* Pods-ReactNative.release.xcconfig */,
+				AED192A9C2698C599CF21663 /* Pods-ReactNative.debug.xcconfig */,
+				568A70304A987529851A447E /* Pods-ReactNative.release.xcconfig */,
 			);
 			path = Pods;
 			sourceTree = "<group>";
@@ -97,18 +105,10 @@
 				F4FF95D5245B92E700C19C63 /* ReactNative-Bridging-Header.h */,
 				134814211AA4EA7D00B7C361 /* Products */,
 				38076040A533828516C55677 /* Pods */,
-				E193973ADE52A4E8D27FFC73 /* Frameworks */,
+				11BA866BDA971C4D4B96C2C4 /* Frameworks */,
 			);
 			sourceTree = "<group>";
 		};
-		E193973ADE52A4E8D27FFC73 /* Frameworks */ = {
-			isa = PBXGroup;
-			children = (
-				BADF4926CED3501185F76198 /* libPods-ReactNative.a */,
-			);
-			name = Frameworks;
-			sourceTree = "<group>";
-		};
 /* End PBXGroup section */
 
 /* Begin PBXNativeTarget section */
@@ -116,7 +116,7 @@
 			isa = PBXNativeTarget;
 			buildConfigurationList = 58B511EF1A9E6C8500147676 /* Build configuration list for PBXNativeTarget "ReactNative" */;
 			buildPhases = (
-				F9651EA2F679750D43349501 /* [CP] Check Pods Manifest.lock */,
+				64FF98C09B1E65E78CC7F5BB /* [CP] Check Pods Manifest.lock */,
 				58B511D71A9E6C8500147676 /* Sources */,
 				58B511D81A9E6C8500147676 /* Frameworks */,
 				58B511D91A9E6C8500147676 /* CopyFiles */,
@@ -163,7 +163,7 @@
 /* End PBXProject section */
 
 /* Begin PBXShellScriptBuildPhase section */
-		F9651EA2F679750D43349501 /* [CP] Check Pods Manifest.lock */ = {
+		64FF98C09B1E65E78CC7F5BB /* [CP] Check Pods Manifest.lock */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
@@ -310,7 +310,7 @@
 		};
 		58B511F01A9E6C8500147676 /* Debug */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = 838A4233250958211E6C0DD8 /* Pods-ReactNative.debug.xcconfig */;
+			baseConfigurationReference = AED192A9C2698C599CF21663 /* Pods-ReactNative.debug.xcconfig */;
 			buildSettings = {
 				HEADER_SEARCH_PATHS = (
 					"$(inherited)",
@@ -330,7 +330,7 @@
 		};
 		58B511F11A9E6C8500147676 /* Release */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = A5356B751E3623AFD2BA69A3 /* Pods-ReactNative.release.xcconfig */;
+			baseConfigurationReference = 568A70304A987529851A447E /* Pods-ReactNative.release.xcconfig */;
 			buildSettings = {
 				HEADER_SEARCH_PATHS = (
 					"$(inherited)",

package/ios/Sources/DataModels/ImplementedRNCallbacks.swift

@@ -0,0 +1,75 @@
+//
+//  ImplementedRNCallbacks.swift
+//  primer-io-react-native
+//
+//  Created by Evangelos on 20/5/22.
+//
+
+import Foundation
+
+internal struct ImplementedRNCallbacks: Decodable {
+
+    internal var isOnAvailablePaymentMethodsLoadImplemented = false
+    internal var isOnTokenizationStartImplemented = false
+    internal var isOnTokenizationSuccessImplemented = false
+    
+    internal var isOnCheckoutResumeImplemented = false
+    internal var isOnCheckoutPendingImplemented = false
+    internal var isOnCheckoutAdditionalInfoImplemented = false
+    
+    internal var isOnErrorImplemented = false
+    internal var isOnCheckoutCompleteImplemented = false
+    internal var isOnBeforeClientSessionUpdateImplemented = false
+    
+    internal var isOnClientSessionUpdateImplemented = false
+    internal var isOnBeforePaymentCreateImplemented = false
+    internal var isOnPreparationStartImplemented = false
+    
+    internal var isOnPaymentMethodShowImplemented = false
+    internal var isOnDismissImplemented = false
+
+    enum CodingKeys: String, CodingKey {
+        
+        case isOnAvailablePaymentMethodsLoadImplemented = "onAvailablePaymentMethodsLoad"
+        case isOnTokenizationStartImplemented = "onTokenizationStart"
+        case isOnTokenizationSuccessImplemented = "onTokenizationSuccess"
+        
+        case isOnCheckoutResumeImplemented = "onCheckoutResume"
+        case isOnCheckoutPendingImplemented = "onCheckoutPending"
+        case isOnCheckoutAdditionalInfoImplemented = "onCheckoutAdditionalInfo"
+        
+        case isOnErrorImplemented = "onError"
+        case isOnCheckoutCompleteImplemented = "onCheckoutComplete"
+        case isOnBeforeClientSessionUpdateImplemented = "onBeforeClientSessionUpdate"
+        
+        case isOnClientSessionUpdateImplemented = "onClientSessionUpdate"
+        case isOnBeforePaymentCreateImplemented = "onBeforePaymentCreate"
+        case isOnPreparationStartImplemented = "onPreparationStart"
+        
+        case isOnPaymentMethodShowImplemented = "onPaymentMethodShow"
+        case isOnDismissImplemented = "onDismiss"
+    }
+
+    init(from decoder: Decoder) throws {
+        let container = try decoder.container(keyedBy: CodingKeys.self)
+
+        self.isOnAvailablePaymentMethodsLoadImplemented = (try? container.decode(Bool.self, forKey: .isOnAvailablePaymentMethodsLoadImplemented)) ?? false
+        self.isOnTokenizationStartImplemented = (try? container.decode(Bool.self, forKey: .isOnTokenizationStartImplemented)) ?? false
+        self.isOnTokenizationSuccessImplemented = (try? container.decode(Bool.self, forKey: .isOnTokenizationSuccessImplemented)) ?? false
+     
+        self.isOnCheckoutResumeImplemented = (try? container.decode(Bool.self, forKey: .isOnCheckoutResumeImplemented)) ?? false
+        self.isOnCheckoutPendingImplemented = (try? container.decode(Bool.self, forKey: .isOnCheckoutPendingImplemented)) ?? false
+        self.isOnCheckoutAdditionalInfoImplemented = (try? container.decode(Bool.self, forKey: .isOnCheckoutAdditionalInfoImplemented)) ?? false
+        
+        self.isOnErrorImplemented = (try? container.decode(Bool.self, forKey: .isOnErrorImplemented)) ?? false
+        self.isOnCheckoutCompleteImplemented = (try? container.decode(Bool.self, forKey: .isOnCheckoutCompleteImplemented)) ?? false
+        self.isOnBeforeClientSessionUpdateImplemented = (try? container.decode(Bool.self, forKey: .isOnBeforeClientSessionUpdateImplemented)) ?? false
+        
+        self.isOnClientSessionUpdateImplemented = (try? container.decode(Bool.self, forKey: .isOnClientSessionUpdateImplemented)) ?? false
+        self.isOnBeforePaymentCreateImplemented = (try? container.decode(Bool.self, forKey: .isOnBeforePaymentCreateImplemented)) ?? false
+        self.isOnPreparationStartImplemented = (try? container.decode(Bool.self, forKey: .isOnPreparationStartImplemented)) ?? false
+        
+        self.isOnPaymentMethodShowImplemented = (try? container.decode(Bool.self, forKey: .isOnPaymentMethodShowImplemented)) ?? false
+        self.isOnDismissImplemented = (try? container.decode(Bool.self, forKey: .isOnDismissImplemented)) ?? false
+    }
+}

package/ios/{DataModels/RNTPrimerCardRedirectData.swift → Sources/DataModels/PrimerBancontactCardRedirectData+Extension.swift}

@@ -1,11 +1,11 @@
 import Foundation
 import PrimerSDK
 
-extension PrimerBancontactCardRedirectData {
+extension PrimerBancontactCardData {
 
-    convenience init?(cardRedirectDataStr: String) {
+    convenience init?(bankcontactCardDataStr: String) {
         do {
-            guard let data = cardRedirectDataStr.data(using: .utf8) else {
+            guard let data = bankcontactCardDataStr.data(using: .utf8) else {
                 return nil
             }
 
@@ -16,14 +16,12 @@ extension PrimerBancontactCardRedirectData {
             }
 
             if let cardNumber = dict["cardNumber"],
-               let expiryMonth = dict["expiryMonth"],
-               let expiryYear = dict["expiryYear"],
+               let expiryDate = dict["expiryDate"],
                let cardholderName = dict["cardholderName"]
             {
                 self.init(
                     cardNumber: cardNumber,
-                    expiryMonth: expiryMonth,
-                    expiryYear: expiryYear,
+                    expiryDate: expiryDate,
                     cardholderName: cardholderName)
             } else {
                 return nil
@@ -33,5 +31,4 @@ extension PrimerBancontactCardRedirectData {
             return nil
         }
     }
-
 }

package/ios/{DataModels/RNTPrimerCardData.swift → Sources/DataModels/PrimerCardData+Extension.swift}

@@ -24,14 +24,12 @@ extension PrimerCardData {
             
             if let cardNumber = dict["cardNumber"],
                let cvv = dict["cvv"],
-               let expiryMonth = dict["expiryMonth"],
-               let expiryYear = dict["expiryYear"]
+               let expiryDate = dict["expiryDate"]
             {
                 let cardholderName = dict["cardholderName"]
                 self.init(
                     cardNumber: cardNumber,
-                    expiryMonth: expiryMonth,
-                    expiryYear: expiryYear,
+                    expiryDate: expiryDate,
                     cvv: cvv,
                     cardholderName: cardholderName)
             } else {
@@ -42,5 +40,4 @@ extension PrimerCardData {
             return nil
         }
     }
-    
 }

package/ios/Sources/DataModels/PrimerHeadlessUniversalCheckout_PaymentMethod.swift

@@ -0,0 +1,20 @@
+//
+//  PrimerHeadlessUniversalCheckout_PaymentMethod.swift
+//  primer-io-react-native
+//
+//  Created by Evangelos on 7/10/22.
+//
+
+import Foundation
+import PrimerSDK
+
+extension PrimerHeadlessUniversalCheckout.PaymentMethod {
+
+    func toJsonObject() -> [String: Any] {
+        return [
+            "paymentMethodType": paymentMethodType,
+            "supportedPrimerSessionIntents": self.supportedPrimerSessionIntents.compactMap({ $0.rawValue }),
+            "paymentMethodManagerCategories": self.paymentMethodManagerCategories.compactMap({ $0.rawValue }).filter({ $0 != "CARD_COMPONENTS" })
+        ]
+    }
+}

package/ios/{DataModels/RNTPrimerPhoneNumberData.swift → Sources/DataModels/PrimerPhoneNumberData+Extension.swift}

@@ -34,5 +34,4 @@ extension PrimerPhoneNumberData {
             return nil
         }
     }
-
 }

package/ios/{DataModels/RNTPrimerRetailerData.swift → Sources/DataModels/PrimerRawRetailerData+Extension.swift}

@@ -8,11 +8,11 @@
 import Foundation
 import PrimerSDK
 
-extension PrimerRawRetailerData {
+extension PrimerRetailerData {
 
-    convenience init?(primerRawRetailerDataStr: String) {
+    convenience init?(primerRetailerDataStr: String) {
         do {
-            guard let data = primerRawRetailerDataStr.data(using: .utf8) else {
+            guard let data = primerRetailerDataStr.data(using: .utf8) else {
                 return nil
             }
 
@@ -34,5 +34,4 @@ extension PrimerRawRetailerData {
             return nil
         }
     }
-
 }

package/ios/Sources/DataModels/PrimerSettings+Extensions.swift

@@ -0,0 +1,82 @@
+import PrimerSDK
+
+extension PrimerSettings {
+
+    convenience init(settingsStr: String?) throws {
+        if settingsStr == nil {
+            self.init()
+        } else {
+            guard let settingsData = settingsStr!.data(using: .utf8) else {
+                let err = RNTNativeError(errorId: "native-ios", errorDescription: "The value of the 'settings' object is invalid.", recoverySuggestion: "Provide a valid 'settings' object")
+                throw err
+            }
+
+            let settingsJson = try JSONSerialization.jsonObject(with: settingsData)
+
+            guard let settingsJson = settingsJson as? [String: Any] else {
+                let err = RNTNativeError(errorId: "native-ios", errorDescription: "The 'settings' object is not a valid JSON", recoverySuggestion: "Provide a valid 'settings' object")
+                throw err
+            }
+
+            var paymentHandling: PrimerPaymentHandling = .auto
+            if let rnPaymentHandling = settingsJson["paymentHandling"] as? String,
+               rnPaymentHandling == "MANUAL" {
+                paymentHandling = .manual
+            }
+
+            let rnLocaleDataLanguageCode = (settingsJson["localeData"] as? [String: Any])?["languageCode"] as? String
+            let rnLocaleDataLocaleCode = (settingsJson["localeData"] as? [String: Any])?["localeCode"] as? String
+            let localeData = PrimerLocaleData(
+                languageCode: rnLocaleDataLanguageCode,
+                regionCode: rnLocaleDataLocaleCode)
+
+            let rnUrlScheme = ((settingsJson["paymentMethodOptions"] as? [String: Any])?["iOS"] as? [String: Any])?["urlScheme"] as? String
+
+            var applePayOptions: PrimerApplePayOptions?
+            if let rnApplePayOptions = ((settingsJson["paymentMethodOptions"] as? [String: Any])?["applePayOptions"] as? [String: Any]),
+               let rnApplePayMerchantIdentifier = rnApplePayOptions["merchantIdentifier"] as? String,
+               let rnApplePayMerchantName = rnApplePayOptions["merchantName"] as? String {
+                applePayOptions = PrimerApplePayOptions(merchantIdentifier: rnApplePayMerchantIdentifier, merchantName: rnApplePayMerchantName)
+            }
+
+            var klarnaOptions: PrimerKlarnaOptions?
+            if let rnKlarnaRecurringPaymentDescription = ((settingsJson["paymentMethodOptions"] as? [String: Any])?["klarnaOptions"] as? [String: Any])?["recurringPaymentDescription"] as? String {
+                klarnaOptions = PrimerKlarnaOptions(recurringPaymentDescription: rnKlarnaRecurringPaymentDescription)
+            }
+
+            var uiOptions: PrimerUIOptions?
+            if let rnUIOptions = settingsJson["uiOptions"] as? [String: Any] {
+
+                var theme: PrimerTheme?
+                if let rnTheme = rnUIOptions["theme"] as? [String: Any] {
+                    let rnThemeData = (try JSONSerialization.data(withJSONObject: rnTheme))
+                    let rnTheme = try JSONDecoder().decode(PrimerThemeRN.self, from: rnThemeData)
+                    theme = rnTheme.asPrimerTheme()
+                }
+
+                uiOptions = PrimerUIOptions(
+                    isInitScreenEnabled: rnUIOptions["isInitScreenEnabled"] as? Bool,
+                    isSuccessScreenEnabled: rnUIOptions["isSuccessScreenEnabled"] as? Bool,
+                    isErrorScreenEnabled: rnUIOptions["isErrorScreenEnabled"] as? Bool,
+                    theme: theme)
+            }
+
+            var debugOptions: PrimerDebugOptions?
+            if let rnIs3DSSanityCheckEnabled = (settingsJson["debugOptions"] as? [String: Any])?["is3DSSanityCheckEnabled"] as? Bool {
+                debugOptions = PrimerDebugOptions(is3DSSanityCheckEnabled: rnIs3DSSanityCheckEnabled)
+            }
+
+            let paymentMethodOptions = PrimerPaymentMethodOptions(
+                urlScheme: rnUrlScheme,
+                applePayOptions: applePayOptions,
+                klarnaOptions: klarnaOptions)
+
+            self.init(
+                paymentHandling: paymentHandling,
+                localeData: localeData,
+                paymentMethodOptions: paymentMethodOptions,
+                uiOptions: uiOptions,
+                debugOptions: debugOptions)
+        }
+    }
+}

package/ios/Sources/DataModels/RNTNativeError.swift

@@ -0,0 +1,22 @@
+
+import Foundation
+
+struct RNTNativeError: CustomNSError, LocalizedError, Codable {
+    
+    let errorId: String
+    let errorDescription: String?
+    let recoverySuggestion: String?
+    
+    var rnError: [String: String] {
+        var json: [String: String] = [
+            "errorId": errorId,
+            "description": errorDescription ?? "Something went wrong"
+        ]
+        
+        if let recoverySuggestion = recoverySuggestion {
+            json["recoverySuggestion"] = recoverySuggestion
+        }
+
+        return json
+    }
+}

package/ios/Sources/DataModels/RNTPrimerPaymentMethodAsset.swift

@@ -0,0 +1,65 @@
+//
+//  RNTPrimerPaymentMethodAsset.swift
+//  primer-io-react-native
+//
+//  Created by Evangelos on 6/10/22.
+//
+
+import Foundation
+import PrimerSDK
+
+struct RNTPrimerPaymentMethodAsset: Codable {
+    
+    let paymentMethodType: String
+    let paymentMethodLogo: RNTPrimerPaymentMethodLogo
+    let paymentMethodBackgroundColor: RNTPrimerPaymentMethodBackgroundColor
+    
+    init(primerPaymentMethodAsset: PrimerPaymentMethodAsset) {
+        self.paymentMethodType = primerPaymentMethodAsset.paymentMethodType
+        self.paymentMethodLogo = RNTPrimerPaymentMethodLogo(
+            paymentMethodType: primerPaymentMethodAsset.paymentMethodType,
+            primerPaymentMethodLogo: primerPaymentMethodAsset.paymentMethodLogo)
+        self.paymentMethodBackgroundColor = RNTPrimerPaymentMethodBackgroundColor(
+            primerPaymentMethodBackgroundColor: primerPaymentMethodAsset.paymentMethodBackgroundColor)
+    }
+}
+
+struct RNTPrimerPaymentMethodLogo: Codable {
+    
+    let colored: String?
+    let dark: String?
+    let light: String?
+    
+    init(paymentMethodType: String, primerPaymentMethodLogo: PrimerPaymentMethodLogo) {
+        self.colored = (try? primerPaymentMethodLogo.colored?.store(withName: "\(paymentMethodType)-colored").absoluteString) ?? nil
+        self.dark = (try? primerPaymentMethodLogo.dark?.store(withName: "\(paymentMethodType)-dark").absoluteString) ?? nil
+        self.light = (try? primerPaymentMethodLogo.light?.store(withName: "\(paymentMethodType)-light").absoluteString) ?? nil
+    }
+}
+
+struct RNTPrimerPaymentMethodBackgroundColor: Codable {
+    
+    let colored: String?
+    let dark: String?
+    let light: String?
+    
+    init(primerPaymentMethodBackgroundColor: PrimerPaymentMethodBackgroundColor) {
+        if let bgColoredHex = primerPaymentMethodBackgroundColor.colored?.toHex() {
+            self.colored = "#\(bgColoredHex)"
+        } else {
+            self.colored = nil
+        }
+        
+        if let darkColoredHex = primerPaymentMethodBackgroundColor.dark?.toHex() {
+            self.dark = "#\(darkColoredHex)"
+        } else {
+            self.dark = nil
+        }
+        
+        if let lightColoredHex = primerPaymentMethodBackgroundColor.light?.toHex() {
+            self.light = "#\(lightColoredHex)"
+        } else {
+            self.light = nil
+        }
+    }
+}

package/ios/Sources/Headless Universal Checkout/Managers/Payment Method Managers/RNTNativeUIManager.m

@@ -0,0 +1,19 @@
+//
+//  NativeUIManager.m
+//  primer-io-react-native
+//
+//  Created by Evangelos on 7/10/22.
+//
+
+#import <React/RCTBridgeModule.h>
+#import <React/RCTEventEmitter.h>
+
+@interface RCT_EXTERN_MODULE(RNTPrimerHeadlessUniversalPaymentMethodNativeUIManager, RCTEventEmitter)
+
+// MARK: - API
+
+RCT_EXTERN_METHOD(configure: (NSString *)paymentMethod resolver:(RCTPromiseResolveBlock)resolver rejecter:(RCTPromiseRejectBlock)rejecter)
+
+RCT_EXTERN_METHOD(showPaymentMethod:(NSString *)intentStr resolver:(RCTPromiseResolveBlock)resolver rejecter:(RCTPromiseRejectBlock)rejecter)
+
+@end

package/ios/Sources/Headless Universal Checkout/Managers/Payment Method Managers/RNTNativeUIManager.swift

@@ -0,0 +1,63 @@
+//
+//  NativeUIManager.swift
+//  primer-io-react-native
+//
+//  Created by Evangelos on 6/10/22.
+//
+
+import Foundation
+import PrimerSDK
+
+@objc(RNTPrimerHeadlessUniversalPaymentMethodNativeUIManager)
+class RNTPrimerHeadlessUniversalPaymentMethodNativeUIManager: RCTEventEmitter {
+
+    var paymentMethodNativeUIManager: PrimerSDK.PrimerHeadlessUniversalCheckout.NativeUIManager!
+
+    override func supportedEvents() -> [String]! {
+        return []
+    }
+
+    override class func requiresMainQueueSetup() -> Bool {
+        return true
+    }
+
+    @objc
+    func configure(
+        _ paymentMethod: String,
+        resolver: @escaping RCTPromiseResolveBlock,
+        rejecter: @escaping RCTPromiseRejectBlock
+    ) {
+        do {
+            self.paymentMethodNativeUIManager = try PrimerSDK.PrimerHeadlessUniversalCheckout.NativeUIManager(paymentMethodType: paymentMethod)
+            resolver(nil)
+        } catch {
+            rejecter(error.rnError["errorId"]!, error.rnError["description"], error)
+        }
+    }
+
+    @objc
+    func showPaymentMethod(_ intentStr: String, resolver: @escaping RCTPromiseResolveBlock, rejecter: @escaping RCTPromiseRejectBlock) {
+        do {
+            guard let paymentMethodNativeUIManager = paymentMethodNativeUIManager else {
+                let err = RNTNativeError(
+                    errorId: "native-ios",
+                    errorDescription: "The NativeUIManager has not been initialized.",
+                    recoverySuggestion: "Initialize the NativeUIManager by calling the initialize function and providing a payment method type.")
+                throw err
+            }
+
+            guard let intent = PrimerSessionIntent(rawValue: intentStr) else {
+                let err = RNTNativeError(
+                    errorId: "native-ios",
+                    errorDescription: "Invalid value for 'intent'.",
+                    recoverySuggestion: "'intent' can be 'CHECKOUT' or 'VAULT'.")
+                throw err
+            }
+
+            try paymentMethodNativeUIManager.showPaymentMethod(intent: intent)
+
+        } catch {
+            rejecter(error.rnError["errorId"]!, error.rnError["description"], error)
+        }
+    }
+}

package/ios/Sources/Headless Universal Checkout/Managers/Payment Method Managers/RNTRawDataManager.m

@@ -0,0 +1,23 @@
+//
+//  RNTPrimerHeadlessUniversalCheckoutRawDataManager.m
+//  primer-io-react-native
+//
+//  Created by Evangelos on 3/8/22.
+//
+
+#import <React/RCTBridgeModule.h>
+#import <React/RCTEventEmitter.h>
+
+@interface RCT_EXTERN_MODULE(RNTPrimerHeadlessUniversalCheckoutRawDataManager, RCTEventEmitter)
+
+RCT_EXTERN_METHOD(configure:(NSString *)paymentMethodTypeStr resolver:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject)
+
+RCT_EXTERN_METHOD(listRequiredInputElementTypes:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject)
+
+RCT_EXTERN_METHOD(setRawData:(NSString *)rawDataStr resolver:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject)
+
+RCT_EXTERN_METHOD(submit:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject)
+
+RCT_EXTERN_METHOD(cleanUp:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject)
+
+@end