boxpay-checkout-reactnative-sdk 2.0.2-beta2 → 2.0.2

package/android/build.gradle

@@ -41,5 +41,5 @@ repositories {
 dependencies {
   implementation 'com.facebook.react:react-android:0.74.0'
   implementation 'org.jetbrains.kotlin:kotlin-stdlib:1.9.0'
-  implementation 'com.github.BoxPay-SDKs.cross-platform-sdk:cross-platform-sdk:1.0.3-beta4'
+  implementation 'com.github.BoxPay-SDKs.cross-platform-sdk:cross-platform-sdk:1.0.3'
 }

package/android/src/main/java/com/reactnativemodule/CrossPlaform.kt

@@ -7,6 +7,7 @@ import com.facebook.react.modules.core.DeviceEventManagerModule
 import com.crossplatform.BoxPayActivity
 import com.crossplatform.sdk.data.handler.SDKPaymentResponseHandler
 import com.crossplatform.sdk.data.model.SDKPaymentResponse
+import com.crossplatform.sdk.presentation.theme.BoxPayThemeMode
 
 class CrossPlatform(reactContext: ReactApplicationContext) : ReactContextBaseJavaModule(reactContext) {
     private val context: Context = reactContext
@@ -46,7 +47,8 @@ class CrossPlatform(reactContext: ReactApplicationContext) : ReactContextBaseJav
                     ctaBorderRadius = ctaBorderRadius,
                     focusedTextInputBorderColor = focusedColor,
                     unfocusedTextInputBorderColor = unfocusedColor,
-                    fontFamily = fontFamily
+                    fontFamily = fontFamily,
+                    themeMode = BoxPayThemeMode.DEFAULT
                 )
                 activity.startActivity(intent)
             }

package/cross_platform_react_native_plugin.podspec

@@ -14,7 +14,7 @@ Pod::Spec.new do |s|
   s.source       = { :git => "https://github.com/Ishika1601-boxpay/react_native_module.git", :tag => "#{s.version}" }
 
   s.source_files = "ios/**/*.{h,m,swift}"
-  s.dependency "CrossPlatformSDK", "1.0.3-beta4"
+  s.dependency "CrossPlatformSDK", "1.0.3"
   s.private_header_files = "ios/**/*.h"
   s.dependency "React-Core"
 

package/ios/CrossPlatform.swift

@@ -43,9 +43,12 @@ class CrossPlatform: RCTEventEmitter {
       }
 
       let ui = options["uiConfiguration"] as? NSDictionary
-      var vc: UIViewController!
 
-      vc = BoxPayViewControllerKt.BoxPayViewController(
+      // Container that pins KMP content below the safe area top (status bar / notch)
+      let container = UIViewController()
+      container.modalPresentationStyle = .fullScreen
+
+      let kmpVC = BoxPayViewControllerKt.BoxPayViewController(
         token: token,
         isTestEnv: (options["enableSandboxEnv"] as? Bool) ?? false,
         shopperToken: options["shopperToken"] as? String,
@@ -57,16 +60,29 @@ class CrossPlatform: RCTEventEmitter {
         isSICheckBoxEnabled: (options["isSICheckBoxEnabled"] as? Bool) ?? false,
         focusedTextInputBorderColor: (ui?["focusedTextInputBorderColor"] as? String) ?? "#2D2B32",
         unfocusedTextInputBorderColor: (ui?["unfocusedTextInputBorderColor"] as? String) ?? "#ADACB0",
-        onDismiss: { [weak self, weak vc] in
+        onDismiss: { [weak self, weak container] in
           DispatchQueue.main.async {
-            vc?.dismiss(animated: true)
+            container?.dismiss(animated: true)
           }
           guard let self = self, self.hasObservers else { return }
           self.sendEvent(withName: "BoxPayDismiss", body: nil)
         },
-        fontFamily: ui?["fontFamily"] as? String
+        fontFamily: ui?["fontFamily"] as? String,
+        themeMode: BoxPayThemeMode.default_
       )
 
+      // Embed kmpVC inside container, constrained to safe area top
+      container.addChild(kmpVC)
+      container.view.addSubview(kmpVC.view)
+      kmpVC.view.translatesAutoresizingMaskIntoConstraints = false
+      NSLayoutConstraint.activate([
+        kmpVC.view.topAnchor.constraint(equalTo: container.view.safeAreaLayoutGuide.topAnchor),
+        kmpVC.view.leadingAnchor.constraint(equalTo: container.view.leadingAnchor),
+        kmpVC.view.trailingAnchor.constraint(equalTo: container.view.trailingAnchor),
+        kmpVC.view.bottomAnchor.constraint(equalTo: container.view.bottomAnchor),
+      ])
+      kmpVC.didMove(toParent: container)
+
       SDKPaymentResponseHandler.shared.set { [weak self] result in
         guard let self = self, self.hasObservers else { return }
 
@@ -79,8 +95,7 @@ class CrossPlatform: RCTEventEmitter {
         self.sendEvent(withName: "BoxPayPaymentResult", body: map)
       }
 
-      vc.modalPresentationStyle = .fullScreen
-      root.present(vc, animated: true)
+      root.present(container, animated: true)
       resolve(true)
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "boxpay-checkout-reactnative-sdk",
-  "version": "2.0.2-beta2",
+  "version": "2.0.2",
   "description": "Boxpay Payment Gateway",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",