react-native-payengine 1.0.6 → 2.0.2

package/ios/Sources/Classes/ApplePay/RNPEApplePayButton.swift

@@ -0,0 +1,111 @@
+//
+//  RNPEApplePayButton.swift
+//  react-native-payengine
+//
+//  Created by Tri Nguyen on 6/9/2024.
+//
+
+import Foundation
+import PayEngineSDK
+
+@objc(RNPEApplePayButton)
+class RNPEApplePayButton: UIView {
+    
+    @objc var onPmSheetDidDismiss: RCTBubblingEventBlock?
+    @objc var onPmTokenDidReturn: RCTBubblingEventBlock?
+    @objc var onPmError: RCTBubblingEventBlock?
+    
+    private var _button: UIButton?
+    
+    override init(frame: CGRect) {
+        super.init(frame: frame)
+    }
+    
+    required init?(coder: NSCoder) {
+        super.init(coder: coder)
+    }
+    
+    override func layoutSubviews() {
+        self._button?.frame = self.bounds
+    }
+    
+
+    @objc var paymentRequest: String? = "" {
+        didSet {
+            setupView()
+        }
+    }
+    
+    private func setupView() {
+        guard let paymentRequest = self.paymentRequest else {
+            debugPrint("Unable to render apple pay button: Missing payment request")
+            return
+        }
+        
+        if let paymentRequest: RNPEApplePayPaymentRequest = try? JSONDecoder().decode(RNPEApplePayPaymentRequest.self, from: paymentRequest.data(using: .utf8)!) {
+            let pePaymentRequest = paymentRequest.toNative()
+            if let applepay = RNPayEngineNative.applePayInstance {
+                applepay.delegate = self
+                DispatchQueue.main.async {
+                    if let button = applepay.setupApplePayButton(for: pePaymentRequest, type: .checkout) {
+                        self._button = button
+                        self._button!.layer.masksToBounds = true
+                        self.addSubview(self._button!)
+                    }
+                }
+            }
+        } else {
+            debugPrint("Invalid payment request. Please try again")
+        }
+    }
+    
+}
+
+extension RNPEApplePayButton: PEApplePayDelegate {
+    
+    func paymentError(error: Error) {
+        debugPrint("payment error \(error)")
+        if self.onPmError != nil {
+            self.onPmError!(["error": error.localizedDescription])
+        }
+    }
+    
+    func paymentSheetDidMDismiss() {
+        if self.onPmSheetDidDismiss != nil {
+            self.onPmSheetDidDismiss!(["token": "null"])
+        }
+    }
+    
+    func paymentTokenDidReturn(token: String, completion: @escaping (PayEngineSDK.PEApplePayResult) -> Void) {
+        debugPrint("Token returned \(token)")
+        if self.onPmTokenDidReturn != nil {
+            self.onPmTokenDidReturn!(["token": token])
+        }
+        completion(.success)
+    }
+    
+    func paymentTokenNotAvailable() {
+        debugPrint("paymentTokenNotAvailable")
+        if self.onPmError != nil {
+            self.onPmError!(["error": "Payment token not available"])
+        }
+    }
+    
+    
+}
+
+
+@objc(RNPEApplePayButtonManager)
+class RNPEApplePayButtonManager: RCTViewManager {
+    
+    var _view = RNPEApplePayButton()
+    
+    @objc override static func requiresMainQueueSetup() -> Bool {
+        return true
+    }
+    
+    override func view() -> UIView! {
+        return _view
+    }
+    
+}

package/ios/Sources/Classes/ApplePay/RNPEApplePayPaymentRequest.swift

@@ -0,0 +1,43 @@
+//
+//  RNPEApplePayPaymentRequest.swift
+//  react-native-payengine
+//
+//  Created by Tri Nguyen on 6/9/2024.
+//
+
+import Foundation
+import PassKit
+import PayEngineSDK
+
+public struct RNPEApplePayPaymentRequest: Codable {
+    var paymentAmount: Double
+    var currencyCode: String = "USD"
+    var paymentItems: [RNPEApplePayPaymentSummaryItem]
+    
+    init(paymentAmount: Double, currencyCode: String, paymentItems: [RNPEApplePayPaymentSummaryItem]) {
+        self.paymentAmount = paymentAmount
+        self.currencyCode = currencyCode
+        self.paymentItems = paymentItems
+    }
+    
+    func toNative() -> ApplePayPaymentRequest {
+        let request = ApplePayPaymentRequest()
+        request.build(paymentItems: self.paymentItems.map { $0.toNative() }, paymentAmount: self.paymentAmount, currencyCode: self.currencyCode)
+        return request
+    }
+}
+
+public struct RNPEApplePayPaymentSummaryItem: Codable {
+    var amount: Double
+    var label: String
+    
+    init(amount: Double, label: String) {
+        self.amount = amount
+        self.label = label
+    }
+    
+    func toNative() -> PKPaymentSummaryItem {
+        return PKPaymentSummaryItem(label: self.label, amount: NSDecimalNumber(value: self.amount))
+    }
+}
+

package/ios/Sources/Classes/RNPEError.swift

@@ -0,0 +1,12 @@
+//
+//  PEError.swift
+//  react-native-payengine
+//
+//  Created by Tri Nguyen on 5/9/2024.
+//
+
+import Foundation
+
+enum RNPEError: Error {
+    case common(String)
+}

package/ios/Sources/Classes/RNPEEventEmitter.swift

@@ -0,0 +1,29 @@
+//
+//  PEEventEmitter.swift
+//  react-native-payengine
+//
+//  Created by Tri Nguyen on 5/9/2024.
+//
+
+import Foundation
+import React
+
+@objc(RNPEEventEmitter)
+open class RNPEEventEmitter:RCTEventEmitter{
+    
+    public static var emitter: RNPEEventEmitter! // global variable
+    
+    // constructor
+    override init(){
+        super.init()
+        RNPEEventEmitter.emitter = self
+    }
+    
+    open override func supportedEvents() -> [String] {
+        ["onReady", "onSizeChanges", "onCardRespond", "onBankAccountRespond"]
+    }
+    
+    @objc public override static func requiresMainQueueSetup() -> Bool {
+        return true
+    }
+}

package/ios/Sources/Classes/RNPEUtils.swift

@@ -0,0 +1,30 @@
+//
+//  Utils.swift
+//  react-native-payengine
+//
+//  Created by Tri Nguyen on 5/9/2024.
+//
+
+import Foundation
+import PayEngineSDK
+import React
+import SwiftUI
+class RNPEUtils {
+    
+    public static func createSecureFieldsAuthHeader(publicKey: String) -> String {
+        return #"Signature key="\#(publicKey)",algorithm="hmac-sha256",identifier="secure-fields",signature="""#
+    }
+    
+    public static func mapKeyboardType(keyboardType: String) -> PEKeyboardType {
+        switch (keyboardType) {
+        case "number":
+            return .number
+        case "alphabet":
+            return .alphabet
+        case "phone":
+            return .phone
+        default:
+            return .normal
+        }
+    }
+}

package/ios/Sources/Classes/RNPayEngineNative.swift

@@ -0,0 +1,87 @@
+//
+//  PayEngineNative.swift
+//  react-native-payengine
+//
+//  Created by Tri Nguyen on 5/9/2024.
+//
+
+import Foundation
+import PayEngineSDK
+
+@objc(RNPayEngineNative)
+class RNPayEngineNative: NSObject {
+    static var instance: PayEngine?
+    
+    static var applePayInstance: PEApplePay?
+    
+    @objc(setConfig:baseURL:)
+    func setConfig(_ publicKey: String, baseURL: String?) {
+        let config = PEConfig(publicKey: publicKey, baseURL: baseURL)
+        RNPayEngineNative.instance = PayEngine(config: config)
+    }
+    
+    func getInstance() throws -> PayEngine {
+        guard let instance = RNPayEngineNative.instance else {
+            throw RNPEError.common("Configuration is not set")
+        }
+        
+        return instance
+    }
+    
+    @objc(createFraudMonitorSession:resolver:rejecter:)
+    func createFraudMonitorSession(merchantId: String, resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) {
+        do {
+            let payengine = try self.getInstance()
+            payengine.createFraudMonitorSession(merchantId) { fraudResult in
+                switch fraudResult {
+                case .success(let sessionId):
+                    return resolve(sessionId)
+                case .failure(let error):
+                    return reject("error", "Unable to obtain session ID", error)
+                }
+            }
+        } catch {
+            return reject("error", error.localizedDescription, error)
+        }
+    }
+    
+    @objc(getBrowserInfo:rejecter:)
+    func getBrowserInfo(resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) {
+        DispatchQueue.main.async {
+            do {
+                // get current root view from react native
+                if let rootView = UIApplication.shared.keyWindow?.rootViewController?.view {
+                    let payengine = try self.getInstance()
+                    payengine.getBrowserInfo(view: rootView) { browserInfo in
+                        return resolve(browserInfo)
+                    }
+                } else {
+                    return reject("error", "Unable to find current root view", nil)
+                }
+            } catch {
+                return reject("error", error.localizedDescription, error)
+            }
+        }
+    }
+    
+    @objc(isApplePaySupported:resolver:rejecter:)
+    func isApplePaySupported(merchantId: String, resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) {
+        do {
+            let payengine = try self.getInstance()
+            payengine.setupApplePay(merchantId: merchantId) { result in
+                switch result {
+                case .success(let applepay):
+                    RNPayEngineNative.applePayInstance = applepay
+                    return resolve(true)
+                case .failure(let error):
+                    return reject("error", error.localizedDescription, error)
+                }
+            }
+        } catch {
+            return reject("error", error.localizedDescription, error)
+        }
+    }
+}
+
+
+

package/ios/Sources/Classes/SecureFields/RNPEBankAccountView.swift

@@ -0,0 +1,130 @@
+//
+//  BankAccountView.swift
+//  react-native-payengine
+//
+//  Created by Tri Nguyen on 6/9/2024.
+//
+
+import Foundation
+import PayEngineSDK
+
+class RNPEBankAccountView: UIView {
+    var view: IBankAccountView?
+    
+    override init(frame: CGRect) {
+        super.init(frame: frame)
+    }
+    
+    required init?(coder: NSCoder) {
+        super.init(coder: coder)
+    }
+    
+    @objc var additionalFields: String = "" {
+        didSet {
+            setupView()
+        }
+    }
+    
+    private func setupView() {
+        //        debugPrint("PayEngine instance \(String(describing: PayEngineNative.instance))")
+        //        let zipField = PEField(name: "address_zip", type: "text", placeholder: "Zip code", isRequired: true, keyboardType: .alphabet, pattern: #"^(?:\d{5}(?:-\d{4})?|[ABCEGHJKLMNPRSTVXY]\d[A-Z] ?\d[A-Z]\d)$"#)
+        
+        var customFields: [PEField] = []
+        if let fields: [RNPEField] = try? JSONDecoder().decode([RNPEField].self, from: additionalFields.data(using: .utf8)!) {
+            if (fields.count > 0) {
+                for i in 0...fields.count - 1 {
+                    let f = fields[i]
+                    let field = PEField(name: f.name, type: f.type, placeholder: f.placeholder, isRequired: f.isRequired, keyboardType: RNPEUtils.mapKeyboardType(keyboardType: f.keyboardType), pattern: f.pattern)
+                    customFields.append(field)
+                }
+            }
+        } else {
+            debugPrint("Could not parse additional fields \(additionalFields)")
+        }
+        RNPayEngineNative.instance?.createBankAccountView(additionalFields: customFields) { [unowned self] result in
+            switch result {
+            case .success(let view):
+                self.view = view
+                self.view!.detectSizeChanges { size in
+                    //                    self.frame.size = size
+                    RNPEEventEmitter.emitter.sendEvent(withName: RNPEEvents.EVENT_SIZE_CHANGES, body: ["width": size.width, "height": size.height])
+                    debugPrint("Could not parse additional fields \(self.additionalFields)")
+                }
+                self.addSubview(self.view!)
+            case .failure(let error):
+                debugPrint("Error: \(error)")
+            }
+        }
+    }
+    
+    
+    func submit(_ merchantId: String, additionalData: NSDictionary) {
+        guard let view = self.view else {
+            RNPEEventEmitter.emitter.sendEvent(withName: RNPEEvents.EVENT_BANK_ACCOUNT_RESPOND, body: ["error": "View is not ready"])
+            return
+        }
+        DispatchQueue.main.async {
+            view.createBankAccount(merchantId: merchantId, additionalData: additionalData as! [String : Any]) { result in
+                switch result {
+                case .success(let bankAccount):
+                    debugPrint("Bank account created \(bankAccount)")
+                    if let json = try? JSONEncoder().encode(bankAccount) {
+                        RNPEEventEmitter.emitter.sendEvent(withName: RNPEEvents.EVENT_BANK_ACCOUNT_RESPOND, body: ["bankAccount": String(decoding: json, as: UTF8.self)])
+                    } else {
+                        RNPEEventEmitter.emitter.sendEvent(withName: RNPEEvents.EVENT_BANK_ACCOUNT_RESPOND, body: ["error": "Unable to encode bank account object"])
+                    }
+                case .failure(let error):
+                    RNPEEventEmitter.emitter.sendEvent(withName: RNPEEvents.EVENT_BANK_ACCOUNT_RESPOND, body: ["error": error.localizedDescription])
+                }
+            }
+        }
+    }
+    
+    func hideKeyboard() {
+        view?.hideKeyboard()
+    }
+    
+    func showKeyboard() {
+        view?.showKeyboard()
+    }
+}
+
+@objc(RNPEBankAccountView)
+class RNPEBankAccountViewManager: RCTViewManager {
+    
+    @objc override static func requiresMainQueueSetup() -> Bool {
+        return true
+    }
+    
+    override func view() -> UIView! {
+        return RNPEBankAccountView()
+    }
+    
+    override func constantsToExport() -> [AnyHashable : Any]! {
+        return [:]
+    }
+    
+    @objc(submit:merchantId:additionalData:)
+    func submit(_ node: NSNumber, merchantId: String, additionalData: NSDictionary) {
+        DispatchQueue.main.async {
+            let component = self.bridge.uiManager.view(forReactTag: node) as! RNPEBankAccountView
+            component.submit(merchantId, additionalData: additionalData)
+        }
+    }
+    
+    @objc
+    func hideKeyboard(_ node: NSNumber) {
+        DispatchQueue.main.async {
+            let component = self.bridge.uiManager.view(forReactTag: node) as! RNPEBankAccountView
+            component.hideKeyboard()
+        }
+    }
+    
+    @objc
+    func showKeyboard(_ node: NSNumber) {
+        DispatchQueue.main.async {
+            let component = self.bridge.uiManager.view(forReactTag: node) as! RNPEBankAccountView
+            component.showKeyboard()
+        }
+    }
+}

package/ios/Sources/Classes/SecureFields/RNPECreditCardView.swift

@@ -0,0 +1,129 @@
+//
+//  CreditCardView.swift
+//  react-native-payengine
+//
+//  Created by Tri Nguyen on 6/9/2024.
+//
+
+import Foundation
+import PayEngineSDK
+
+class RNPECreditCardView: UIView {
+    var view: ICardNumberView?
+    
+    override init(frame: CGRect) {
+        super.init(frame: frame)
+    }
+    
+    required init?(coder: NSCoder) {
+        super.init(coder: coder)
+    }
+    
+    @objc var additionalFields: String = "" {
+        didSet {
+            setupView()
+        }
+    }
+    
+    private func setupView() {
+        //        debugPrint("PayEngine instance \(String(describing: PayEngineNative.instance))")
+        //        let zipField = PEField(name: "address_zip", type: "text", placeholder: "Zip code", isRequired: true, keyboardType: .alphabet, pattern: #"^(?:\d{5}(?:-\d{4})?|[ABCEGHJKLMNPRSTVXY]\d[A-Z] ?\d[A-Z]\d)$"#)
+        
+        var customFields: [PEField] = []
+        if let fields: [RNPEField] = try? JSONDecoder().decode([RNPEField].self, from: additionalFields.data(using: .utf8)!) {
+            if (fields.count > 0) {
+                for i in 0...fields.count - 1 {
+                    let f = fields[i]
+                    let field = PEField(name: f.name, type: f.type, placeholder: f.placeholder, isRequired: f.isRequired, keyboardType: RNPEUtils.mapKeyboardType(keyboardType: f.keyboardType), pattern: f.pattern)
+                    customFields.append(field)
+                }
+            }
+        } else {
+            debugPrint("Could not parse additional fields \(additionalFields)")
+        }
+        RNPayEngineNative.instance?.createSecureView(additionalFields: customFields) { [unowned self] result in
+            switch result {
+            case .success(let view):
+                self.view = view
+                self.view!.detectSizeChanges { size in
+                    //                    self.frame.size = size
+                    RNPEEventEmitter.emitter.sendEvent(withName: RNPEEvents.EVENT_SIZE_CHANGES, body: ["width": size.width, "height": size.height])
+                    debugPrint("Could not parse additional fields \(self.additionalFields)")
+                }
+                self.addSubview(self.view!)
+            case .failure(let error):
+                debugPrint("Error: \(error)")
+            }
+        }
+    }
+
+    func submit(_ merchantId: String, additionalData: NSDictionary) {
+        guard let view = self.view else {
+            RNPEEventEmitter.emitter.sendEvent(withName: RNPEEvents.EVENT_CARD_RESPOND, body: ["error": "View is not ready"])
+            return
+        }
+        DispatchQueue.main.async {
+            view.createCard(merchantId: merchantId, additionalData: additionalData as! [String : Any]) { result in
+                switch result {
+                case .success(let card):
+                    debugPrint("Card created \(card)")
+                    if let json = try? JSONEncoder().encode(card) {
+                        RNPEEventEmitter.emitter.sendEvent(withName: RNPEEvents.EVENT_CARD_RESPOND, body: ["card": String(decoding: json, as: UTF8.self)])
+                    } else {
+                        RNPEEventEmitter.emitter.sendEvent(withName: RNPEEvents.EVENT_CARD_RESPOND, body: ["error": "Unable to encode card object"])
+                    }
+                case .failure(let error):
+                    RNPEEventEmitter.emitter.sendEvent(withName: RNPEEvents.EVENT_CARD_RESPOND, body: ["error": error.localizedDescription])
+                }
+            }
+        }
+    }
+    
+    func hideKeyboard() {
+        view?.hideKeyboard()
+    }
+    
+    func showKeyboard() {
+        view?.showKeyboard()
+    }
+}
+
+@objc(RNPECreditCardView)
+class RNPECreditCardViewManager: RCTViewManager {
+    
+    @objc override static func requiresMainQueueSetup() -> Bool {
+        return true
+    }
+    
+    override func view() -> UIView! {
+        return RNPECreditCardView()
+    }
+    
+    override func constantsToExport() -> [AnyHashable : Any]! {
+        return [:]
+    }
+    
+    @objc(submit:merchantId:additionalData:)
+    func submit(_ node: NSNumber, merchantId: String, additionalData: NSDictionary) {
+        DispatchQueue.main.async {
+            let component = self.bridge.uiManager.view(forReactTag: node) as! RNPECreditCardView
+            component.submit(merchantId, additionalData: additionalData)
+        }
+    }
+    
+    @objc
+    func hideKeyboard(_ node: NSNumber) {
+        DispatchQueue.main.async {
+            let component = self.bridge.uiManager.view(forReactTag: node) as! RNPECreditCardView
+            component.hideKeyboard()
+        }
+    }
+    
+    @objc
+    func showKeyboard(_ node: NSNumber) {
+        DispatchQueue.main.async {
+            let component = self.bridge.uiManager.view(forReactTag: node) as! RNPECreditCardView
+            component.showKeyboard()
+        }
+    }
+}

package/ios/Sources/Classes/SecureFields/RNPEEvents.swift

@@ -0,0 +1,15 @@
+//
+//  Events.swift
+//  react-native-payengine
+//
+//  Created by Tri Nguyen on 11/9/2024.
+//
+
+import Foundation
+
+class RNPEEvents {
+    static let EVENT_SIZE_CHANGES = "onSizeChanges"
+    static let EVENT_BANK_ACCOUNT_RESPOND = "onBankAccountRespond"
+    static let EVENT_CARD_RESPOND = "onCardRespond"
+    static let EVENT_READY = "onReady"
+}

package/ios/Sources/Classes/SecureFields/RNPEField.swift

@@ -0,0 +1,26 @@
+//
+//  PayEngineField.swift
+//  react-native-payengine
+//
+//  Created by Tri Nguyen on 5/9/2024.
+//
+
+import Foundation
+
+public struct RNPEField: Codable {
+    var name: String
+    var type: String
+    var placeholder: String
+    var keyboardType: String
+    var isRequired: Bool
+    var pattern: String?
+    
+    init(name: String, type: String, placeholder: String, keyboardType: String, isRequired: Bool, pattern: String?) {
+        self.name = name
+        self.type = type
+        self.placeholder = placeholder
+        self.keyboardType = keyboardType
+        self.isRequired = isRequired
+        self.pattern = pattern
+    }
+}

package/ios/Sources/Payengine.m

@@ -0,0 +1,73 @@
+#import <React/RCTBridgeModule.h>
+#import <Foundation/Foundation.h>
+#import <React/RCTViewManager.h>
+#import <React/RCTEventEmitter.h>
+#import <React/RCTUIManager.h>
+
+@interface RCT_EXTERN_MODULE(RNPayEngineNative, NSObject)
+
+RCT_EXTERN_METHOD(setConfig: (NSString *)publicKey baseURL:(NSString *)baseURL)
+
+RCT_EXTERN_METHOD(createFraudMonitorSession:(NSString *)merchantId resolver:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject)
+
+RCT_EXTERN_METHOD(getBrowserInfo:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject)
+
+RCT_EXTERN_METHOD(isApplePaySupported:(NSString *)merchantId resolver:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject)
+
++ (BOOL)requiresMainQueueSetup
+{
+  return NO;
+}
+@end
+
+@interface RCT_EXTERN_MODULE(RNPECreditCardView, RCTViewManager)
+
+RCT_EXTERN_METHOD(submit:(nonnull NSNumber*)reactTag merchantId:(NSString *)merchantId additionalData:(NSDictionary *)additionalData)
+
+RCT_EXTERN_METHOD(showKeyboard:(nonnull NSNumber*)reactTag)
+RCT_EXTERN_METHOD(hideKeyboard:(nonnull NSNumber*)reactTag)
+
+RCT_EXPORT_VIEW_PROPERTY(additionalFields, NSString)
+
+
+@end
+
+@interface RCT_EXTERN_MODULE(RNPEBankAccountView, RCTViewManager)
+
+RCT_EXTERN_METHOD(submit:(nonnull NSNumber*)reactTag merchantId:(NSString *)merchantId additionalData:(NSDictionary *)additionalData)
+
+RCT_EXTERN_METHOD(showKeyboard:(nonnull NSNumber*)reactTag)
+RCT_EXTERN_METHOD(hideKeyboard:(nonnull NSNumber*)reactTag)
+
+RCT_EXPORT_VIEW_PROPERTY(additionalFields, NSString)
+
+@end
+
+@interface RCT_EXTERN_MODULE(RNPEApplePayButtonManager, RCTViewManager)
+
+RCT_EXPORT_VIEW_PROPERTY(paymentRequest, NSString)
+RCT_EXPORT_VIEW_PROPERTY(onPmSheetDidDismiss, RCTBubblingEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(onPmTokenDidReturn, RCTBubblingEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(onPmTokenNotAvailable, RCTBubblingEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(onPmError, RCTBubblingEventBlock)
+
+@end
+
+@interface RCT_EXTERN_MODULE(RNPEEventEmitter, RCTEventEmitter)
+
+RCT_EXTERN_METHOD(supportedEvents)
+
+@end
+
+
+/// old stuffs
+@interface RCT_EXTERN_MODULE(Payengine, NSObject)
+RCT_EXTERN_METHOD(multiply:(float)a withB:(float)b
+                 withResolver:(RCTPromiseResolveBlock)resolve
+                 withRejecter:(RCTPromiseRejectBlock)reject)
+
++ (BOOL)requiresMainQueueSetup
+{
+  return NO;
+}
+@end