boxpay-checkout-reactnative-sdk 1.1.7 → 2.0.1

package/README.md

@@ -11,23 +11,83 @@ npm install boxpay-checkout-reactnative-sdk
 ## Usage
 
 ```js
-import BoxpayCheckout from 'boxpay-checkout-reactnative-sdk';
-import { ConfigurationOptions, PaymentResultObject } from 'boxpay-checkout-reactnative-sdk/interface';
+import BoxpayCheckout from 'boxpay-checkout-react-native-sdk';
+import { ConfigurationOptions, PaymentResultObject, UIConfigurationOptions } from 'boxpay-checkout-react-native-sdk/interface';
 
 
 
 // ...
 const handlePaymentResult = (result: PaymentResultObject) => {
-    alert(`Payment ${result.status} :  + ${result.transactionId}`);
+    alert(`Payment ${result.status} :  + ${result.transactionId} + ${result.inquiryToken}`);
 };
 
 <BoxpayCheckout
     token={token}
     onPaymentResult={handlePaymentResult}
+    uiConfiguration={{
+        // **Optional** — Controls the border radius (in dp) of the primary CTA (Call-To-Action) buttons.
+        // Use 2 for sharp corners, or higher values (e.g., 20) for pill-shaped buttons.
+        // Omit this field to use the default border radius.
+        [UIConfigurationOptions.CTABorderRadius]: 20,
+
+        // **Optional** — Customize the font family used throughout the checkout UI.
+        // IMPORTANT: Fonts must be pre-loaded in your app before passing them here,
+        // otherwise they will not render correctly.
+        // Example using expo-font:
+        //
+        //   import * as Font from 'expo-font';
+        //   await Font.loadAsync({
+        //     'YourFont-Regular':   require('./assets/fonts/YourFont-Regular.ttf'),
+        //     'YourFont-Medium':    require('./assets/fonts/YourFont-Medium.ttf'),
+        //     'YourFont-SemiBold':  require('./assets/fonts/YourFont-SemiBold.ttf'),
+        //     'YourFont-Bold':      require('./assets/fonts/YourFont-Bold.ttf'),
+        //     'YourFont-ExtraBold': require('./assets/fonts/YourFont-ExtraBold.ttf'),
+        //   });
+        //
+        // Once fonts are loaded, pass the font family names below:
+        // [UIConfigurationOptions.FontFamily]: {
+        //   regular:   'YourFont-Regular',
+        //   medium:    'YourFont-Medium',
+        //   semiBold:  'YourFont-SemiBold',
+        //   bold:      'YourFont-Bold',
+        //   extraBold: 'YourFont-ExtraBold',
+        // },
+
+        // **Optional** — Customize the appearance of text input fields throughout the checkout UI.
+        // Allows you to control border color.
+        // Omit this field to use the default text input field styles.
+        // Example:
+        //
+        // [UIConfigurationOptions.TextInputFields]: {
+        //   borderColor: '#CCCCCC',
+        //   focusedBorderColor: '#0066FF',
+        // },
+    }}
     configurationOptions={{
-    [ConfigurationOptions.ShowBoxpaySuccessScreen]: true,
-    [ConfigurationOptions.EnableSandboxEnv]: true,
-    [ConfigurationOptions.ShowUPIQROnLoad] : false
+        // Flag to control whether BoxPay Success screen should be displayed before executing the callback.
+        // It enables merchants to control whether they want to leverage their own success screens.
+        // Default value is false meaning merchants should navigate shoppers to their success screen on successful payments.
+        [ConfigurationOptions.ShowBoxpaySuccessScreen]: true,
+
+        // Flag to control whether BoxPay Failure screen should be displayed before executing the callback.
+        // It enables merchants to control whether they want to leverage their own failure screens.
+        // Default value is false meaning merchants should navigate shoppers to their failure screen on failure payments.
+        [ConfigurationOptions.ShowBoxpayFailedScreen]: true,
+
+        // Flag to control whether BoxPay Sandbox/test env should be used.
+        // It is primarily available for testing purposes.
+        // Default value is set to false meaning prod environment will be used to process the payments.
+        [ConfigurationOptions.EnableSandboxEnv]: true,
+
+        // Flag to control whether UPI QR should be loaded by default.
+        // Default value is set to false to ensure maximum success rate as enabling this flag
+        // will result into transactions even though shopper doesn't make UPI payments.
+        [ConfigurationOptions.ShowUPIQROnLoad]: true,
+
+        // Flag to control SI (Standing Instructions) checkbox should be visible or not in Cards Screen.
+        // Default value is set to false 
+        // This checkbox will be visible when this flag is true and subscription object is present in checkout token.
+        [ConfigurationOptions.ShowSICheckbox]: true,
     }}
     shopperToken={shopperToken}
 />

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.0-beta19'
+  implementation 'com.github.BoxPay-SDKs.cross-platform-sdk:cross-platform-sdk:1.0.2'
 }

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

@@ -0,0 +1,62 @@
+package com.reactnativemodule
+
+import android.view.View
+import com.crossplatform.BoxPayElementsView
+import com.crossplatform.sdk.data.handler.BoxPayElementsHandler
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.uimanager.SimpleViewManager
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.annotations.ReactProp
+
+class BoxPayElementsViewManager(
+    private val reactContext: ReactApplicationContext
+) : SimpleViewManager<View>() {
+
+    // one handler per view instance so the merchant's button can drive it
+    private val handlers = mutableMapOf<View, BoxPayElementsHandler>()
+
+    override fun getName() = "BoxPayElementsView"
+
+    override fun createViewInstance(context: ThemedReactContext): View {
+        // placeholder until props (token, methods) arrive; rebuilt in the props below
+        return android.widget.FrameLayout(context)
+    }
+
+    @ReactProp(name = "config")
+    fun setConfig(parent: View, config: com.facebook.react.bridge.ReadableMap) {
+        val container = parent as android.widget.FrameLayout
+        val handler = BoxPayElementsHandler()
+        handlers[parent] = handler
+
+        val methods = config.getArray("paymentMethodList")
+            ?.toArrayList()?.filterIsInstance<String>() ?: emptyList()
+
+        val view = BoxPayElementsView.create(
+            context = reactContext.currentActivity ?: reactContext,
+            handler = handler,
+            token = config.getString("token") ?: "",
+            isTestEnv = config.hasKey("isTestEnv") && config.getBoolean("isTestEnv"),
+            paymentMethodList = methods,
+            fontFamily = config.getString("fontFamily"),
+            isBoxPayProceedButtonVisible = true
+        )
+
+        // forward payable state to JS
+        handler.setOnPayableChanged { payable ->
+            val event = com.facebook.react.bridge.Arguments.createMap().apply {
+                putBoolean("payable", payable)
+            }
+            reactContext.getJSModule(
+                com.facebook.react.uimanager.events.RCTEventEmitter::class.java
+            ).receiveEvent(parent.id, "onPayableChanged", event)
+        }
+
+        container.removeAllViews()
+        container.addView(view)
+    }
+
+    // merchant calls pay() through a command
+    override fun receiveCommand(root: View, commandId: String?, args: com.facebook.react.bridge.ReadableArray?) {
+        if (commandId == "pay") handlers[root]?.pay()
+    }
+}

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

@@ -1,39 +1,68 @@
 package com.reactnativemodule
 
 import android.content.Context
-import com.crossplatform.android.UPIAppDetectorAndroid
 import com.facebook.react.bridge.*
-
-// Import the Arguments class to create a WritableArray
 import com.facebook.react.bridge.Arguments
+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
 
 class CrossPlatform(reactContext: ReactApplicationContext) : ReactContextBaseJavaModule(reactContext) {
     private val context: Context = reactContext
 
-    override fun getName(): String {
-        return "CrossPlatform"
-    }
+    override fun getName(): String = "CrossPlatform"
 
     @ReactMethod
-    fun getInstalledApps(promise: Promise) {
+    fun startCheckout(token: String, options: ReadableMap, promise: Promise) {
         try {
-            val detector = UPIAppDetectorAndroid(context)
-            // Assuming getInstalledUPIApps() returns a List<String>
-            val appsList: List<String> = detector.getInstalledUPIApps()
+            val activity = reactApplicationContext.currentActivity ?: run {
+                promise.reject("NO_ACTIVITY", "No current activity")
+                return
+            }
 
-            // 1. Create a WritableArray
-            val writableArray: WritableArray = Arguments.createArray()
+            fun flag(key: String) = options.hasKey(key) && options.getBoolean(key)
 
-            // 2. Iterate through the native list and add each element to the WritableArray
-            for (app in appsList) {
-                writableArray.pushString(app)
-            }
+            val ui = options.getMap("uiConfiguration")
+            val ctaBorderRadius = ui?.takeIf { it.hasKey("ctaBorderRadius") }?.getInt("ctaBorderRadius") ?: 12
+            val focusedColor = ui?.getString("focusedTextInputBorderColor") ?: "#2D2B32"
+            val unfocusedColor = ui?.getString("unfocusedTextInputBorderColor") ?: "#ADACB0"
+            val fontFamily = ui?.getString("fontFamily")
 
-            // 3. Resolve the promise with the bridge-compatible WritableArray
-            promise.resolve(writableArray)
+            // Result delivery — set BEFORE launching
+            SDKPaymentResponseHandler.set { result -> sendPaymentResult(result) }
 
+            activity.runOnUiThread {
+                val intent = BoxPayActivity.createIntent(
+                    context = activity,
+                    token = token,
+                    isTestEnv = flag("enableSandboxEnv"),
+                    shopperToken = options.getString("shopperToken") ?: "",
+                    showQROnLoad = flag("showQROnLoad"),
+                    isSICheckBoxEnabled = flag("isSICheckBoxEnabled"),
+                    isSICheckBoxChecked = flag("isSICheckBoxChecked"),
+                    isFailedScreenVisible = flag("showFailedScreen"),
+                    isSuccessScreenVisible = flag("showSuccessScreen"),
+                    ctaBorderRadius = ctaBorderRadius,
+                    focusedTextInputBorderColor = focusedColor,
+                    unfocusedTextInputBorderColor = unfocusedColor,
+                    fontFamily = fontFamily
+                )
+                activity.startActivity(intent)
+            }
+            promise.resolve(true)
         } catch (e: Exception) {
-            promise.reject("ERROR_UPI_APPS", e)
+            promise.reject("CHECKOUT_ERROR", e)
+        }
+    }
+
+    private fun sendPaymentResult(result: SDKPaymentResponse) {
+        val map = Arguments.createMap().apply {
+            putString("status", result.status?.toString())
+            putString("transactionId", result.transactionId)
+            putString("inquiryToken", result.inquiryToken)
         }
+        reactApplicationContext.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter::class.java)
+            .emit("BoxPayPaymentResult", map)
     }
 }

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

@@ -11,7 +11,6 @@ class ReactNativeModulePackage : ReactPackage {
         return listOf(CrossPlatform(reactContext))
     }
 
-    override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> {
-        return emptyList()
-    }
+    override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> =
+        listOf(BoxPayElementsViewManager(reactContext)) 
 }

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.vendored_frameworks = 'ios/Framework/CrossPlatformSDK.xcframework'
+  s.dependency "CrossPlatformSDK", "1.0.2"
   s.private_header_files = "ios/**/*.h"
   s.dependency "React-Core"
 

package/ios/BoxPayElementsView.m

@@ -0,0 +1,10 @@
+#import <React/RCTViewManager.h>
+
+@interface RCT_EXTERN_MODULE(BoxPayElementsViewManager, RCTViewManager)
+
+RCT_EXPORT_VIEW_PROPERTY(config, NSDictionary)
+RCT_EXPORT_VIEW_PROPERTY(onPayableChanged, RCTDirectEventBlock)
+
+RCT_EXTERN_METHOD(pay:(nonnull NSNumber *)node)
+
+@end

package/ios/BoxPayElementsView.swift

@@ -0,0 +1,82 @@
+import Foundation
+import cross_platform_sdk
+import React
+import UIKit
+
+@objc(BoxPayElementsViewManager)
+class BoxPayElementsViewManager: RCTViewManager {
+  override func view() -> UIView! { BoxPayElementsContainer() }
+  override static func requiresMainQueueSetup() -> Bool { true }
+
+  // command from JS to trigger payment
+  @objc func pay(_ node: NSNumber) {
+    DispatchQueue.main.async {
+      guard let view = self.bridge.uiManager.view(forReactTag: node) as? BoxPayElementsContainer
+      else { return }
+      view.pay()
+    }
+  }
+}
+
+class BoxPayElementsContainer: UIView {
+  private var handler: BoxPayElementsHandler?
+  private var hosted: UIViewController?
+
+  @objc var onPayableChanged: RCTDirectEventBlock?
+
+  @objc var config: NSDictionary? {
+    didSet { rebuild() }
+  }
+
+  private func rebuild() {
+    guard let config = config, let token = config["token"] as? String else { return }
+    subviews.forEach { $0.removeFromSuperview() }
+
+    let handler = BoxPayElementsHandler()
+    self.handler = handler
+
+    let methods = (config["paymentMethodList"] as? [String]) ?? []
+
+    let vc = BoxPayElementsViewControllerKt.BoxPayElementsViewController(
+        token: token,
+        isTestEnv: (config["isTestEnv"] as? Bool) ?? false,
+        shopperToken: config["shopperToken"] as? String,
+        showQROnLoad: (config["showQROnLoad"] as? Bool) ?? false,
+        ctaBorderRadius: Int32(
+            (config["ctaBorderRadius"] as? Int) ?? 12
+        ),
+        isSICheckBoxChecked:
+            (config["isSICheckBoxChecked"] as? Bool) ?? false,
+        isSICheckBoxEnabled:
+            (config["isSICheckBoxEnabled"] as? Bool) ?? false,
+        focusedTextInputBorderColor:
+            (config["focusedTextInputBorderColor"] as? String) ?? "#2D2B32",
+        unfocusedTextInputBorderColor:
+            (config["unfocusedTextInputBorderColor"] as? String) ?? "#ADACB0",
+        paymentMethodList: methods,
+        isBoxPayProceedButtonVisible:
+            (config["isBoxPayProceedButtonVisible"] as? Bool) ?? false,
+        fontFamily: config["fontFamily"] as? String,
+        handler: handler,
+        onDismiss: { [weak self] in
+            // SDK dismissed
+            self?.hosted = nil
+        }
+    )
+    self.hosted = vc
+
+//     // payable state → JS
+//     handler.setOnPayableChanged(listener: PayableListener { [weak self] payable in
+//   self?.onPayableChanged?(["payable": payable])
+// })
+
+    vc.view.frame = bounds
+    vc.view.autoresizingMask = [
+    UIView.AutoresizingMask.flexibleWidth,
+    UIView.AutoresizingMask.flexibleHeight
+    ]
+    addSubview(vc.view)
+  }
+
+  func pay() { handler?.pay() }
+}

package/ios/CrossPlatform.m

@@ -1,10 +1,13 @@
 #import <React/RCTBridgeModule.h>
 
-// This exposes the Swift class "CrossPlatform" to React Native.
 @interface RCT_EXTERN_MODULE(CrossPlatform, NSObject)
 
-// This exposes the getInstalledApps method.
 RCT_EXTERN_METHOD(getInstalledApps:(RCTPromiseResolveBlock)resolve
                   rejecter:(RCTPromiseRejectBlock)reject)
 
+RCT_EXTERN_METHOD(startCheckout:(NSString *)token
+                  options:(NSDictionary *)options
+                  resolver:(RCTPromiseResolveBlock)resolve
+                  rejecter:(RCTPromiseRejectBlock)reject)
+
 @end

package/ios/CrossPlatform.swift

@@ -1,39 +1,87 @@
 import Foundation
-import CrossPlatformSDK
-import React // Make sure to import React
+import cross_platform_sdk
+import React
 
-// The @objc(CrossPlatform) is what exposes this to React Native.
 @objc(CrossPlatform)
-class CrossPlatform: NSObject {
+class CrossPlatform: RCTEventEmitter {
 
-  // This is the correct initializer that the React Native bridge will call.
-  @objc
-  override init() {
-    super.init()
+  // MARK: - Track listener state ourselves (hasListeners isn't visible from Swift here)
+  private var hasObservers = false
+
+  override func startObserving() {
+    hasObservers = true
   }
 
-  // This tells React Native the name to use for the module in JavaScript.
-  // It must return true for classic modules.
-  @objc
-  static func moduleName() -> String! {
-    return "CrossPlatform"
+  override func stopObserving() {
+    hasObservers = false
   }
 
-  // This exposes your getInstalledApps function to JavaScript.
-  @objc
-  func getInstalledApps(_ resolve: @escaping RCTPromiseResolveBlock,
-                        rejecter reject: @escaping RCTPromiseRejectBlock) {
-    // For now, let's return dummy data to confirm the bridge is working.
-    let detector = UPIAppDetectorIOS()
-    let upiService = UPIService(detector: detector)
-    let apps = upiService.getAvailableApps()
-    resolve(apps)
+  // MARK: - RCTEventEmitter requirements
+
+  override func supportedEvents() -> [String]! {
+    return ["BoxPayPaymentResult", "BoxPayDismiss"]
   }
 
-  // This tells React Native whether to set up the module on the main UI thread.
-  // False is better for performance for non-UI modules.
   @objc
-  static func requiresMainQueueSetup() -> Bool {
-    return false
+  override static func moduleName() -> String! { "CrossPlatform" }
+
+  @objc
+  override static func requiresMainQueueSetup() -> Bool { true }
+
+  // MARK: - startCheckout
+
+  @objc
+  func startCheckout(_ token: String,
+                     options: NSDictionary,
+                     resolver resolve: @escaping RCTPromiseResolveBlock,
+                     rejecter reject: @escaping RCTPromiseRejectBlock) {
+    DispatchQueue.main.async {
+      guard let root = RCTPresentedViewController() ??
+                       UIApplication.shared.keyWindow?.rootViewController else {
+        reject("NO_VC", "No view controller to present from", nil)
+        return
+      }
+
+      let ui = options["uiConfiguration"] as? NSDictionary
+      var vc: UIViewController!
+
+      vc = BoxPayViewControllerKt.BoxPayViewController(
+        token: token,
+        isTestEnv: (options["enableSandboxEnv"] as? Bool) ?? false,
+        shopperToken: options["shopperToken"] as? String,
+        isSuccessScreenVisible: (options["showSuccessScreen"] as? Bool) ?? false,
+        isFailedScreenVisible: (options["showFailedScreen"] as? Bool) ?? false,
+        showQROnLoad: (options["showQROnLoad"] as? Bool) ?? false,
+        ctaBorderRadius: Int32((ui?["ctaBorderRadius"] as? Int) ?? 12),
+        isSICheckBoxChecked: (options["isSICheckBoxChecked"] as? Bool) ?? false,
+        isSICheckBoxEnabled: (options["isSICheckBoxEnabled"] as? Bool) ?? false,
+        focusedTextInputBorderColor: (ui?["focusedTextInputBorderColor"] as? String) ?? "#2D2B32",
+        unfocusedTextInputBorderColor: (ui?["unfocusedTextInputBorderColor"] as? String) ?? "#ADACB0",
+        onDismiss: { [weak self, weak vc] in
+          DispatchQueue.main.async {
+            vc?.dismiss(animated: true)
+          }
+          guard let self = self, self.hasObservers else { return }
+          self.sendEvent(withName: "BoxPayDismiss", body: nil)
+        },
+        fontFamily: ui?["fontFamily"] as? String
+      )
+
+      SDKPaymentResponseHandler.shared.set { [weak self] result in
+        guard let self = self, self.hasObservers else { return }
+
+        let map: [String: Any] = [
+          "status": result.status ?? NSNull(),
+          "transactionId": result.transactionId ?? NSNull(),
+          "inquiryToken": result.inquiryToken ?? NSNull()
+        ]
+
+        self.sendEvent(withName: "BoxPayPaymentResult", body: map)
+      }
+
+      vc.modalPresentationStyle = .fullScreen
+      root.present(vc, animated: true)
+      resolve(true)
+    }
   }
 }

package/lib/module/index.js

@@ -1,26 +1,121 @@
 "use strict";
 
-import { View } from 'react-native';
-import styles from "./styles/indexStyles.js";
-import CheckoutContainer from "./navigation.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const BoxpayCheckout = ({
+import { useEffect, useRef, useState } from 'react';
+import { Button, StyleSheet, View } from 'react-native';
+import { ConfigurationOptions, SICheckboxState, UIConfigurationOptions } from "./interface.js";
+import { BoxPayElements, payElements, startCheckout, onPaymentResult as subscribePaymentResult } from "./native.js";
+
+// ── Full-screen checkout (mirrors Android display()) ──────────────────────────
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const BoxpayCheckout = ({
   token,
   configurationOptions = null,
   onPaymentResult,
   shopperToken = null,
   uiConfiguration = null
 }) => {
+  useEffect(() => {
+    const sub = subscribePaymentResult(r => onPaymentResult?.(r));
+    return () => sub.remove();
+  }, [onPaymentResult]);
+  useEffect(() => {
+    startCheckout(token, buildOptions(configurationOptions, uiConfiguration, shopperToken));
+  }, [token]);
   return /*#__PURE__*/_jsx(View, {
+    style: styles.screenView
+  });
+};
+
+// ── Embedded elements with merchant button (mirrors createElementsView) ───────
+export const BoxpayElements = ({
+  token,
+  configurationOptions = null,
+  onPaymentResult,
+  shopperToken = null,
+  uiConfiguration = null,
+  paymentMethodList
+}) => {
+  const elementsRef = useRef(null);
+  const [payable, setPayable] = useState(false);
+  useEffect(() => {
+    const sub = subscribePaymentResult(r => onPaymentResult?.(r));
+    return () => sub.remove();
+  }, [onPaymentResult]);
+  const textInputFields = uiConfiguration?.[UIConfigurationOptions.TextInputFields];
+  return /*#__PURE__*/_jsxs(View, {
     style: styles.screenView,
-    children: /*#__PURE__*/_jsx(CheckoutContainer, {
-      token: token,
-      configurationOptions: configurationOptions,
-      onPaymentResult: onPaymentResult,
-      shopperToken: shopperToken,
-      uiConfiguration: uiConfiguration
-    })
+    children: [/*#__PURE__*/_jsx(BoxPayElements, {
+      ref: elementsRef,
+      style: styles.elements,
+      config: {
+        token,
+        isTestEnv: configurationOptions?.[ConfigurationOptions.EnableSandboxEnv] === true,
+        shopperToken,
+        paymentMethodList,
+        fontFamily: uiConfiguration?.[UIConfigurationOptions.FontFamily],
+        ctaBorderRadius: uiConfiguration?.[UIConfigurationOptions.CTABorderRadius],
+        focusedTextInputBorderColor: textInputFields?.focusedTextInputBorderColor,
+        unfocusedTextInputBorderColor: textInputFields?.unfocusedTextInputBorderColor
+      },
+      onPayableChanged: e => setPayable(e.nativeEvent.payable)
+    }), /*#__PURE__*/_jsx(Button, {
+      title: "Pay",
+      disabled: !payable,
+      onPress: () => payElements(elementsRef.current)
+    })]
   });
 };
-export default BoxpayCheckout;
+
+// ── Helpers ───────────────────────────────────────────────────────────────────
+
+function buildOptions(config, ui, shopperToken) {
+  const textInputFields = ui?.[UIConfigurationOptions.TextInputFields];
+  const siState = config?.[ConfigurationOptions.SICheckBoxState];
+  const si = siFlags(siState);
+  return {
+    shopperToken: shopperToken ?? '',
+    enableSandboxEnv: config?.[ConfigurationOptions.EnableSandboxEnv] === true,
+    showSuccessScreen: config?.[ConfigurationOptions.ShowBoxpaySuccessScreen] === true,
+    showFailedScreen: config?.[ConfigurationOptions.ShowBoxpayFailedScreen] === true,
+    showQROnLoad: config?.[ConfigurationOptions.ShowUPIQROnLoad] === true,
+    isSICheckBoxChecked: si.checked,
+    isSICheckBoxEnabled: si.enabled,
+    fontFamily: ui?.[UIConfigurationOptions.FontFamily],
+    ctaBorderRadius: ui?.[UIConfigurationOptions.CTABorderRadius],
+    focusedTextInputBorderColor: textInputFields?.focusedTextInputBorderColor,
+    unfocusedTextInputBorderColor: textInputFields?.unfocusedTextInputBorderColor
+  };
+}
+function siFlags(state) {
+  switch (state) {
+    case SICheckboxState.CHECKED_AND_ENABLED:
+      return {
+        checked: true,
+        enabled: true
+      };
+    case SICheckboxState.CHECKED_AND_DISABLED:
+      return {
+        checked: true,
+        enabled: false
+      };
+    case SICheckboxState.UNCHECKED_AND_ENABLED:
+      return {
+        checked: false,
+        enabled: true
+      };
+    default:
+      return {
+        checked: false,
+        enabled: false
+      };
+  }
+}
+const styles = StyleSheet.create({
+  screenView: {
+    flex: 1
+  },
+  elements: {
+    flex: 1
+  }
+});
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["View","styles","CheckoutContainer","jsx","_jsx","BoxpayCheckout","token","configurationOptions","onPaymentResult","shopperToken","uiConfiguration","style","screenView","children"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,cAAc;AACnC,OAAOC,MAAM,MAAM,yBAAsB;AACzC,OAAOC,iBAAiB,MAAM,iBAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7C,MAAMC,cAAc,GAAGA,CAAC;EACtBC,KAAK;EACLC,oBAAoB,GAAG,IAAI;EAC3BC,eAAe;EACfC,YAAY,GAAG,IAAI;EACnBC,eAAe,GAAG;AACC,CAAC,KAAK;EACzB,oBACEN,IAAA,CAACJ,IAAI;IAACW,KAAK,EAAEV,MAAM,CAACW,UAAW;IAAAC,QAAA,eAC7BT,IAAA,CAACF,iBAAiB;MAClBI,KAAK,EAAEA,KAAM;MACbC,oBAAoB,EAAEA,oBAAqB;MAC3CC,eAAe,EAAEA,eAAgB;MACjCC,YAAY,EAAEA,YAAa;MAC3BC,eAAe,EAAEA;IAAgB,CAChC;EAAC,CACE,CAAC;AAEX,CAAC;AAED,eAAeL,cAAc","ignoreList":[]}
+{"version":3,"names":["useEffect","useRef","useState","Button","StyleSheet","View","ConfigurationOptions","SICheckboxState","UIConfigurationOptions","BoxPayElements","payElements","startCheckout","onPaymentResult","subscribePaymentResult","jsx","_jsx","jsxs","_jsxs","BoxpayCheckout","token","configurationOptions","shopperToken","uiConfiguration","sub","r","remove","buildOptions","style","styles","screenView","BoxpayElements","paymentMethodList","elementsRef","payable","setPayable","textInputFields","TextInputFields","children","ref","elements","config","isTestEnv","EnableSandboxEnv","fontFamily","FontFamily","ctaBorderRadius","CTABorderRadius","focusedTextInputBorderColor","unfocusedTextInputBorderColor","onPayableChanged","e","nativeEvent","title","disabled","onPress","current","ui","siState","SICheckBoxState","si","siFlags","enableSandboxEnv","showSuccessScreen","ShowBoxpaySuccessScreen","showFailedScreen","ShowBoxpayFailedScreen","showQROnLoad","ShowUPIQROnLoad","isSICheckBoxChecked","checked","isSICheckBoxEnabled","enabled","state","CHECKED_AND_ENABLED","CHECKED_AND_DISABLED","UNCHECKED_AND_ENABLED","create","flex"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"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","ignoreList":[]}