@yuno-payments/yuno-sdk-react-native 1.0.16 → 1.0.17-rc.10

package/ios/YunoPaymentMethodsViewManager.swift

@@ -0,0 +1,324 @@
+import Foundation
+import UIKit
+import SwiftUI
+import React
+import YunoSDK
+
+/**
+ * ViewManager for YunoPaymentMethodsView.
+ *
+ * This component embeds the native Yuno SDK payment methods list view
+ * into React Native, allowing developers to display payment methods in their app.
+ *
+ * Uses UIHostingController to bridge SwiftUI to UIKit for React Native.
+ */
+@objc(YunoPaymentMethodsViewManager)
+class YunoPaymentMethodsViewManager: RCTViewManager {
+    
+    override func view() -> UIView! {
+        let view = YunoPaymentMethodsView()
+        // Tell React Native this view handles its own scrolling
+        view.clipsToBounds = true
+        return view
+    }
+    
+    override static func requiresMainQueueSetup() -> Bool {
+        return true
+    }
+}
+
+/**
+ * Custom UIView that wraps the Yuno payment methods SwiftUI view using UIHostingController.
+ */
+class YunoPaymentMethodsView: UIView, YunoPaymentFullDelegate {
+    
+    private var hostingController: UIHostingController<AnyView>?
+    private var _checkoutSession: String?
+    private var _countryCode: String?
+    
+    // YunoPaymentDelegate properties
+    var checkoutSession: String {
+        return _checkoutSession ?? ""
+    }
+    
+    var countryCode: String {
+        return _countryCode ?? ""
+    }
+    
+    var language: String? {
+        return nil // Use default language
+    }
+    
+    var viewController: UIViewController? {
+        return self.findViewController()
+    }
+    
+    override init(frame: CGRect) {
+        super.init(frame: frame)
+        setupView()
+    }
+    
+    required init?(coder: NSCoder) {
+        super.init(coder: coder)
+        setupView()
+    }
+    
+    private func setupView() {
+        self.backgroundColor = .clear
+        self.isUserInteractionEnabled = true
+        self.clipsToBounds = true
+        
+        print("[YunoPaymentMethods] 🏗️ setupView called")
+        // Don't load immediately - wait for checkoutSession and countryCode props
+        // loadPaymentMethodsView() will be called from updateCheckoutSessionIfReady()
+    }
+    
+    override func layoutSubviews() {
+        super.layoutSubviews()
+        print("[YunoPaymentMethods] 📐 layoutSubviews - frame: \(self.frame)")
+        // SwiftUI's Auto Layout constraints will handle the size
+    }
+    
+    
+    override func didMoveToWindow() {
+        super.didMoveToWindow()
+        if window != nil {
+            print("[YunoPaymentMethods] 🪟 View added to window, frame: \(self.frame)")
+            setNeedsLayout()
+            layoutIfNeeded()
+        }
+    }
+    
+    /**
+     * Loads the payment methods view asynchronously from the Yuno SDK.
+     * Uses UIHostingController to convert SwiftUI View to UIView.
+     *
+     * The key is to use a separate async function with explicit return type
+     * to help Swift's type inference select the correct overload.
+     */
+    private func loadPaymentMethodsView() {
+        print("[YunoPaymentMethods] 🔄 loadPaymentMethodsView called")
+        print("[YunoPaymentMethods] 📋 Current checkoutSession: \(self.checkoutSession)")
+        print("[YunoPaymentMethods] 🌍 Current countryCode: \(self.countryCode)")
+        
+        Task { @MainActor in
+            // Get the SwiftUI view by calling the helper function
+            // that explicitly returns 'some View' type
+            print("[YunoPaymentMethods] 🎨 Getting SwiftUI view from Yuno SDK...")
+            let swiftUIView = await getYunoSwiftUIView()
+            print("[YunoPaymentMethods] ✅ SwiftUI view obtained")
+            
+            // Wrap SwiftUI view in UIHostingController
+            let hostingController = UIHostingController(rootView: AnyView(swiftUIView))
+            hostingController.view.backgroundColor = .clear
+            self.hostingController = hostingController
+            
+            guard let hostingView = hostingController.view else { return }
+            
+            print("[YunoPaymentMethods] ➕ Adding SwiftUI hostingView")
+            
+            // Add to view controller hierarchy for proper event handling
+            if let parentVC = self.findViewController() {
+                parentVC.addChild(hostingController)
+                hostingController.didMove(toParent: parentVC)
+            }
+            
+            // Add as subview and pin to edges
+            self.addSubview(hostingView)
+            hostingView.translatesAutoresizingMaskIntoConstraints = false
+            NSLayoutConstraint.activate([
+                hostingView.topAnchor.constraint(equalTo: self.topAnchor),
+                hostingView.leadingAnchor.constraint(equalTo: self.leadingAnchor),
+                hostingView.trailingAnchor.constraint(equalTo: self.trailingAnchor),
+                hostingView.bottomAnchor.constraint(equalTo: self.bottomAnchor)
+            ])
+            
+            print("[YunoPaymentMethods] ✅ Payment methods view loaded")
+        }
+    }
+    
+    /**
+     * Helper function that explicitly returns SwiftUI View type.
+     * This helps Swift's type inference select the correct overload.
+     */
+    @MainActor
+    private func getYunoSwiftUIView() async -> some View {
+        // By declaring the return type as 'some View', Swift knows to call
+        // the SwiftUI version of getPaymentMethodViewAsync
+        await Yuno.getPaymentMethodViewAsync(delegate: self)
+    }
+    
+    /**
+     * Updates the checkout session.
+     */
+    @objc func setCheckoutSession(_ checkoutSession: String) {
+        print("[YunoPaymentMethods] 📝 setCheckoutSession called with: \(checkoutSession)")
+        self._checkoutSession = checkoutSession
+        updateCheckoutSessionIfReady()
+    }
+    
+    /**
+     * Updates the country code.
+     */
+    @objc func setCountryCode(_ countryCode: String) {
+        print("[YunoPaymentMethods] 📝 setCountryCode called with: \(countryCode)")
+        self._countryCode = countryCode
+        updateCheckoutSessionIfReady()
+    }
+    
+    /**
+     * Updates the checkout session in Yuno SDK if both checkoutSession and countryCode are available.
+     * Once both are set, loads the payment methods view.
+     */
+    private func updateCheckoutSessionIfReady() {
+        guard let checkoutSession = _checkoutSession,
+              let countryCode = _countryCode,
+              !checkoutSession.isEmpty,
+              !countryCode.isEmpty else {
+            print("[YunoPaymentMethods] ⏳ Waiting for both checkoutSession and countryCode")
+            return
+        }
+        
+        // Check if view is already loaded
+        if hostingController != nil {
+            print("[YunoPaymentMethods] ✅ View already loaded, skipping reload")
+            return
+        }
+        
+        // The YunoPaymentDelegate protocol properties (checkoutSession, countryCode) 
+        // are already implemented above and Yuno SDK will read them automatically
+        print("[YunoPaymentMethods] ✅✅ Checkout session ready: \(checkoutSession), country: \(countryCode)")
+        print("[YunoPaymentMethods] 🚀 Now loading payment methods view...")
+        
+        // Now that we have both props, load the view
+        loadPaymentMethodsView()
+    }
+    
+    // MARK: - YunoPaymentDelegate
+    
+    func yunoCreatePayment(with token: String) {
+        print("[YunoPaymentMethods] yunoCreatePayment called with token: \(token)")
+        
+        // Emit OTT token event to React Native
+        DispatchQueue.main.async {
+            if let bridge = RCTBridge.current() {
+                if let yunoModule = bridge.module(for: YunoSdk.self) as? YunoSdk {
+                    yunoModule.sendOneTimeTokenEvent(token: token)
+                }
+            }
+        }
+    }
+    
+    func yunoCreatePayment(with token: String, information: [String : Any]) {
+        print("[YunoPaymentMethods] yunoCreatePayment called with token and information")
+        
+        // Emit OTT token event with full information to React Native
+        DispatchQueue.main.async {
+            if let bridge = RCTBridge.current() {
+                if let yunoModule = bridge.module(for: YunoSdk.self) as? YunoSdk {
+                    yunoModule.sendOneTimeTokenEvent(token: token)
+                    // The information parameter contains additional token details
+                    // It's already sent via sendOneTimeTokenEvent which emits both events
+                }
+            }
+        }
+    }
+    
+    func yunoPaymentResult(_ result: Yuno.Result) {
+        print("[YunoPaymentMethods] yunoPaymentResult: \(result)")
+        
+        // Emit payment status event to React Native
+        let statusString: String
+        switch result {
+        case .succeeded:
+            statusString = "SUCCEEDED"
+        case .fail:
+            statusString = "FAILED"
+        case .reject:
+            statusString = "REJECTED"
+        case .processing:
+            statusString = "PROCESSING"
+        case .internalError:
+            statusString = "INTERNAL_ERROR"
+        case .userCancelled:
+            statusString = "CANCELLED_BY_USER"
+        @unknown default:
+            statusString = "UNKNOWN"
+        }
+        
+        DispatchQueue.main.async {
+            if let bridge = RCTBridge.current() {
+                if let yunoModule = bridge.module(for: YunoSdk.self) as? YunoSdk {
+                    yunoModule.sendPaymentStatusEvent(status: statusString)
+                }
+            }
+        }
+    }
+    
+    // MARK: - YunoPaymentFullDelegate
+    
+    func yunoDidSelect(paymentMethod: YunoSDK.PaymentMethodSelected) {
+        // Emit event to React Native
+        print("[YunoPaymentMethods] Payment method selected")
+        emitPaymentSelectedEvent(isSelected: true)
+    }
+    
+    func yunoDidUnenrollSuccessfully(_ success: Bool) {
+        print("[YunoPaymentMethods] yunoDidUnenrollSuccessfully: \(success)")
+    }
+    
+    func yunoUpdatePaymentMethodsViewHeight(_ height: CGFloat) {
+        // Update view height if needed
+        print("[YunoPaymentMethods] yunoUpdatePaymentMethodsViewHeight: \(height)")
+    }
+    
+    // MARK: - Event Emission
+    
+    /**
+     * Emits a payment method selected event to React Native.
+     */
+    private func emitPaymentSelectedEvent(isSelected: Bool) {
+        // Send event through YunoSdk module
+        DispatchQueue.main.async {
+            if let bridge = RCTBridge.current() {
+                if let yunoModule = bridge.module(for: YunoSdk.self) as? YunoSdk {
+                    yunoModule.sendEvent(
+                        withName: "onPaymentMethodSelected",
+                        body: ["isSelected": isSelected]
+                    )
+                }
+            }
+        }
+    }
+    
+    /**
+     * Emits an error event to React Native.
+     */
+    private func emitErrorEvent(message: String) {
+        DispatchQueue.main.async {
+            if let bridge = RCTBridge.current() {
+                if let yunoModule = bridge.module(for: YunoSdk.self) as? YunoSdk {
+                    yunoModule.sendEvent(
+                        withName: "onPaymentMethodError",
+                        body: ["message": message]
+                    )
+                }
+            }
+        }
+    }
+}
+
+// MARK: - UIView extension to find view controller
+
+extension UIView {
+    func findViewController() -> UIViewController? {
+        if let nextResponder = self.next as? UIViewController {
+            return nextResponder
+        } else if let nextResponder = self.next as? UIView {
+            return nextResponder.findViewController()
+        } else {
+            return nil
+        }
+    }
+}
+

package/ios/YunoSdk.m

@@ -33,7 +33,9 @@ RCT_EXTERN_METHOD(
 )
 
 RCT_EXTERN_METHOD(
-    continuePayment:(BOOL)showPaymentStatus
+    continuePayment:(NSString *)checkoutSession
+    countryCode:(NSString *)countryCode
+    showPaymentStatus:(BOOL)showPaymentStatus
     resolver:(RCTPromiseResolveBlock)resolver
     rejecter:(RCTPromiseRejectBlock)rejecter
 )
@@ -56,10 +58,45 @@ RCT_EXTERN_METHOD(
     rejecter:(RCTPromiseRejectBlock)rejecter
 )
 
-+ (BOOL)requiresMainQueueSetup
-{
-    return YES;
-}
+RCT_EXTERN_METHOD(
+    getLastOneTimeToken:(RCTPromiseResolveBlock)resolver
+    rejecter:(RCTPromiseRejectBlock)rejecter
+)
+
+RCT_EXTERN_METHOD(
+    getLastOneTimeTokenInfo:(RCTPromiseResolveBlock)resolver
+    rejecter:(RCTPromiseRejectBlock)rejecter
+)
+
+RCT_EXTERN_METHOD(
+    clearLastOneTimeToken:(RCTPromiseResolveBlock)resolver
+    rejecter:(RCTPromiseRejectBlock)rejecter
+)
+
+RCT_EXTERN_METHOD(
+    clearLastPaymentStatus:(RCTPromiseResolveBlock)resolver
+    rejecter:(RCTPromiseRejectBlock)rejecter
+)
+
+RCT_EXTERN_METHOD(addListener:(NSString *)eventName)
+
+RCT_EXTERN_METHOD(removeListeners:(double)count)
+
+// Headless Payment Flow
+RCT_EXTERN_METHOD(
+    generateToken:(NSDictionary *)tokenCollectedData
+    checkoutSession:(NSString *)checkoutSession
+    countryCode:(NSString *)countryCode
+    resolver:(RCTPromiseResolveBlock)resolver
+    rejecter:(RCTPromiseRejectBlock)rejecter
+)
+
+RCT_EXTERN_METHOD(
+    getThreeDSecureChallenge:(NSString *)checkoutSession
+    countryCode:(NSString *)countryCode
+    resolver:(RCTPromiseResolveBlock)resolver
+    rejecter:(RCTPromiseRejectBlock)rejecter
+)
 
 @end