@yuno-payments/yuno-sdk-react-native 1.0.21 → 1.0.23

package/android/src/main/java/com/yunosdkreactnative/YunoSdkModule.kt

@@ -3,6 +3,7 @@ package com.yunosdkreactnative
 import android.app.Activity
 import android.content.Context
 import android.util.Log
+import android.widget.Toast
 import androidx.activity.ComponentActivity
 import com.facebook.react.bridge.*
 import com.facebook.react.modules.core.DeviceEventManagerModule
@@ -70,6 +71,10 @@ class YunoSdkModule(private val reactContext: ReactApplicationContext) :
         @Volatile
         private var lastPaymentStatus: String? = null
         
+        // Store the API client for headless payment flow (reused between generateToken and getThreeDSecureChallenge)
+        @Volatile
+        private var headlessApiClient: com.yuno.sdk.ApiClientPayment? = null
+        
         // Flag to track if we're starting a fresh payment flow
         @Volatile
         private var isPaymentFlowCleared: Boolean = false
@@ -847,6 +852,7 @@ class YunoSdkModule(private val reactContext: ReactApplicationContext) :
      * @param countryCode The country code for the payment
      * @param promise Promise to resolve with token or error
      */
+
     @ReactMethod
     fun generateToken(
         tokenCollectedData: ReadableMap,
@@ -870,12 +876,13 @@ class YunoSdkModule(private val reactContext: ReactApplicationContext) :
             val collectedData = gson.fromJson(jsonString, TokenCollectedData::class.java)
             Log.d(TAG, "Parsed TokenCollectedData: checkoutSession=${collectedData.checkoutSession}, paymentMethod=${collectedData.paymentMethod}")
             
-            // Create API client
+            // Create API client and store it for later use (e.g., getThreeDSecureChallenge)
             val apiClient = Yuno.apiClientPayment(
                 checkoutSession = checkoutSession,
                 countryCode = countryCode,
                 context = activity.applicationContext
             )
+            headlessApiClient = apiClient
             
             // Generate token - pass activity for WebView context
             apiClient.generateToken(collectedData, activity)
@@ -941,13 +948,16 @@ class YunoSdkModule(private val reactContext: ReactApplicationContext) :
                 return
             }
             
-            // Create API client
-            val apiClient = Yuno.apiClientPayment(
+            // Reuse existing API client if available (from generateToken), otherwise create new one
+            val apiClient = headlessApiClient ?: Yuno.apiClientPayment(
                 checkoutSession = checkoutSession,
                 countryCode = countryCode,
                 context = activity.applicationContext
             )
             
+            val clientType = if (headlessApiClient != null) "EXISTING" else "NEW"
+            Log.d(TAG, "Using ${if (headlessApiClient != null) "existing" else "new"} API client for 3DS challenge")
+            
             // Get 3DS challenge - pass activity for WebView context
             apiClient.getThreeDSecureChallenge(activity, checkoutSession)
                 .asFlow()

package/ios/YunoSdk.swift

@@ -88,9 +88,11 @@ class YunoSdk: RCTEventEmitter {
                     self.currentLanguage = lang
                 }
                 
-                // Parse card flow (React Native sends "cardType", not "cardFlow")
+                // Parse card flow (check both "cardFlow" and "cardType" for compatibility)
                 var cardFlow: CardFormType = .oneStep
-                if let flow = yunoConfig["cardType"] as? String {
+                if let flow = yunoConfig["cardFlow"] as? String {
+                    cardFlow = self.mapToCardFormType(flow)
+                } else if let flow = yunoConfig["cardType"] as? String {
                     cardFlow = self.mapToCardFormType(flow)
                 }
                 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuno-payments/yuno-sdk-react-native",
-  "version": "1.0.21",
+  "version": "1.0.23",
   "description": "Yuno React Native SDK empowers you to create seamless payment experiences in your native Android and iOS apps built with React Native.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",