boxpay-checkout-reactnative-sdk 1.0.16-beta1 → 1.0.17-beta1

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-beta21'
 }

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-beta21"
   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,63 @@
+import Foundation
+import CrossPlatformSDK
+import React
+
+@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 = SharedKt.BoxPayElementsViewController(
+      handler: handler,
+      token: token,
+      isTestEnv: (config["isTestEnv"] as? Bool) ?? false,
+      shopperToken: config["shopperToken"] as? String,
+      ctaBorderRadius: Int32((config["ctaBorderRadius"] as? Int) ?? 12),
+      focusedTextInputBorderColor: (config["focusedTextInputBorderColor"] as? String) ?? "#2D2B32",
+      unfocusedTextInputBorderColor: (config["unfocusedTextInputBorderColor"] as? String) ?? "#ADACB0",
+      paymentMethodList: methods,
+      fontFamily: config["fontFamily"] as? String
+    )
+    self.hosted = vc
+
+    // payable state → JS
+    handler.setOnPayableChanged { [weak self] payable in
+      self?.onPayableChanged?(["payable": payable])
+    }
+
+    vc.view.frame = bounds
+    vc.view.autoresizingMask = [.flexibleWidth, .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,65 @@
 import Foundation
 import CrossPlatformSDK
-import React // Make sure to import React
+import React
 
-// The @objc(CrossPlatform) is what exposes this to React Native.
 @objc(CrossPlatform)
 class CrossPlatform: NSObject {
 
-  // This is the correct initializer that the React Native bridge will call.
   @objc
-  override init() {
-    super.init()
-  }
+  override init() { super.init() }
 
-  // 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"
-  }
+  static func moduleName() -> String! { "CrossPlatform" }
 
-  // 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)
+    resolve(upiService.getAvailableApps())
   }
 
-  // This tells React Native whether to set up the module on the main UI thread.
-  // False is better for performance for non-UI modules.
+  // Full-screen checkout — presents the SDK view controller
   @objc
-  static func requiresMainQueueSetup() -> Bool {
-    return false
+  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
+
+      let vc = SharedKt.BoxPayCheckoutViewController(
+        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",
+        fontFamily: ui?["fontFamily"] as? String
+      )
+
+      // Result back to JS via event (set the handler before presenting)
+      SDKPaymentResponseHandler().setResultHandler { result in
+        CrossPlatformEventEmitter.shared?.sendPaymentResult(result)
+      }
+
+      vc.modalPresentationStyle = .fullScreen
+      root.present(vc, animated: true)
+      resolve(true)
+    }
   }
+
+  @objc
+  static func requiresMainQueueSetup() -> Bool { true }  // UI now → main queue
 }

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":[]}

package/lib/module/interface.js

@@ -23,47 +23,5 @@ export let UIConfigurationOptions = /*#__PURE__*/function (UIConfigurationOption
 
 // 👇 Each key has its own strict type
 
-export let TransactionStatus = /*#__PURE__*/function (TransactionStatus) {
-  TransactionStatus["NoAction"] = "NOACTION";
-  TransactionStatus["RequiresAction"] = "REQUIRESACTION";
-  TransactionStatus["Failed"] = "FAILED";
-  TransactionStatus["Rejected"] = "REJECTED";
-  TransactionStatus["Approved"] = "APPROVED";
-  TransactionStatus["Success"] = "SUCCESS";
-  TransactionStatus["Paid"] = "PAID";
-  TransactionStatus["Expired"] = "EXPIRED";
-  return TransactionStatus;
-}({});
-export let APIStatus = /*#__PURE__*/function (APIStatus) {
-  APIStatus["Success"] = "SUCCESS";
-  APIStatus["Failed"] = "FAILED";
-  return APIStatus;
-}({});
-export let AnalyticsEvents = /*#__PURE__*/function (AnalyticsEvents) {
-  AnalyticsEvents["CHECKOUT_LOADED"] = "CHECKOUT_LOADED";
-  AnalyticsEvents["ADDRESS_UPDATED"] = "ADDRESS_UPDATED";
-  AnalyticsEvents["PAYMENT_CATEGORY_SELECTED"] = "PAYMENT_CATEGORY_SELECTED";
-  AnalyticsEvents["PAYMENT_METHOD_SELECTED"] = "PAYMENT_METHOD_SELECTED";
-  AnalyticsEvents["PAYMENT_INITIATED"] = "PAYMENT_INITIATED";
-  AnalyticsEvents["PAYMENT_INSTRUMENT_PROVIDED"] = "PAYMENT_INSTRUMENT_PROVIDED";
-  AnalyticsEvents["UPI_APP_NOT_FOUND"] = "UPI_APP_NOT_FOUND";
-  AnalyticsEvents["FAILED_TO_LAUNCH_UPI_INTENT"] = "FAILED_TO_LAUNCH_UPI_INTENT";
-  AnalyticsEvents["ERROR_GETTING_UPI_URL"] = "ERROR_GETTING_UPI_URL";
-  AnalyticsEvents["SDK_CRASH"] = "SDK_CRASH";
-  AnalyticsEvents["PAYMENT_RESULT_SCREEN_DISPLAYED"] = "PAYMENT_RESULT_SCREEN_DISPLAYED";
-  return AnalyticsEvents;
-}({});
-export const ScreenRouteMap = {
-  UPI: 'UPIScreen',
-  MAIN: 'MainScreen',
-  CARD: 'CardScreen',
-  WALLET: 'WalletScreen',
-  NETBANKING: 'NetBankingScreen',
-  EMI: 'EmiScreen',
-  BNPL: 'BNPLScreen',
-  UPITIMER: 'UpiTimerScreen',
-  ADDRESS: 'AddressScreen',
-  SAVEDADDRESS: 'SavedAddressScreen',
-  INSTANTOFFER: 'InstantOfferScreen'
-};
+// Mirrors Android's UIConfiguration, keyed by the UIConfigurationOptions enum
 //# sourceMappingURL=interface.js.map

package/lib/module/interface.js.map

@@ -1 +1 @@
-{"version":3,"names":["SICheckboxState","ConfigurationOptions","UIConfigurationOptions","TransactionStatus","APIStatus","AnalyticsEvents","ScreenRouteMap","UPI","MAIN","CARD","WALLET","NETBANKING","EMI","BNPL","UPITIMER","ADDRESS","SAVEDADDRESS","INSTANTOFFER"],"sourceRoot":"../../src","sources":["interface.ts"],"mappings":";;AAMA,WAAYA,eAAe,0BAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAA,OAAfA,eAAe;AAAA;AAM3B,WAAYC,oBAAoB,0BAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAAA,OAApBA,oBAAoB;AAAA;AAQhC,WAAYC,sBAAsB,0BAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAA,OAAtBA,sBAAsB;AAAA;;AAmBlC;;AAqbA,WAAYC,iBAAiB,0BAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAA,OAAjBA,iBAAiB;AAAA;AAW7B,WAAYC,SAAS,0BAATA,SAAS;EAATA,SAAS;EAATA,SAAS;EAAA,OAATA,SAAS;AAAA;AA6FrB,WAAYC,eAAe,0BAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAA,OAAfA,eAAe;AAAA;AA4G3B,OAAO,MAAMC,cAAc,GAAG;EAC5BC,GAAG,EAAG,WAAW;EACjBC,IAAI,EAAG,YAAY;EACnBC,IAAI,EAAE,YAAY;EAClBC,MAAM,EAAE,cAAc;EACtBC,UAAU,EAAE,kBAAkB;EAC9BC,GAAG,EAAE,WAAW;EAChBC,IAAI,EAAE,YAAY;EAClBC,QAAQ,EAAG,gBAAgB;EAC3BC,OAAO,EAAG,eAAe;EACzBC,YAAY,EAAG,oBAAoB;EACnCC,YAAY,EAAG;AACjB,CAAU","ignoreList":[]}
+{"version":3,"names":["SICheckboxState","ConfigurationOptions","UIConfigurationOptions"],"sourceRoot":"../../src","sources":["interface.ts"],"mappings":";;AAMA,WAAYA,eAAe,0BAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAA,OAAfA,eAAe;AAAA;AAM3B,WAAYC,oBAAoB,0BAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAAA,OAApBA,oBAAoB;AAAA;AAQhC,WAAYC,sBAAsB,0BAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAA,OAAtBA,sBAAsB;AAAA;;AAMlC;;AAMA","ignoreList":[]}

package/lib/module/native.js

@@ -0,0 +1,31 @@
+"use strict";
+
+import { NativeModules, NativeEventEmitter, requireNativeComponent, UIManager, findNodeHandle } from 'react-native';
+const {
+  CrossPlatform
+} = NativeModules;
+export const startCheckout = (token, options = {}) => CrossPlatform.startCheckout(token, options);
+export const onPaymentResult = cb => {
+  const emitter = new NativeEventEmitter(CrossPlatform);
+  return emitter.addListener('BoxPayPaymentResult', cb);
+};
+export const BoxPayElements = requireNativeComponent('BoxPayElementsView');
+
+// UIManager.getViewManagerConfig is typed to return a loose `Object`,
+// so we cast to the shape RN actually returns at runtime (Commands map).
+
+export const payElements = ref => {
+  const node = findNodeHandle(ref);
+  if (node == null) {
+    console.warn('BoxPayElements: unable to resolve native node handle');
+    return;
+  }
+  const config = UIManager.getViewManagerConfig('BoxPayElementsView');
+  const commandId = config?.Commands?.pay;
+  if (commandId == null) {
+    console.warn('BoxPayElements: "pay" command not found on native view manager');
+    return;
+  }
+  UIManager.dispatchViewManagerCommand(node, commandId, []);
+};
+//# sourceMappingURL=native.js.map

package/lib/module/native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NativeModules","NativeEventEmitter","requireNativeComponent","UIManager","findNodeHandle","CrossPlatform","startCheckout","token","options","onPaymentResult","cb","emitter","addListener","BoxPayElements","payElements","ref","node","console","warn","config","getViewManagerConfig","commandId","Commands","pay","dispatchViewManagerCommand"],"sourceRoot":"../../src","sources":["native.ts"],"mappings":";;AAAA,SACEA,aAAa,EAAEC,kBAAkB,EAAEC,sBAAsB,EACzDC,SAAS,EAAEC,cAAc,QAIpB,cAAc;AAErB,MAAM;EAAEC;AAAc,CAAC,GAAGL,aAAa;AAEvC,OAAO,MAAMM,aAAa,GAAGA,CAACC,KAAa,EAAEC,OAAe,GAAG,CAAC,CAAC,KAC/DH,aAAa,CAACC,aAAa,CAACC,KAAK,EAAEC,OAAO,CAAC;AAE7C,OAAO,MAAMC,eAAe,GAAIC,EAAoB,IAAK;EACvD,MAAMC,OAAO,GAAG,IAAIV,kBAAkB,CAACI,aAAa,CAAC;EACrD,OAAOM,OAAO,CAACC,WAAW,CAAC,qBAAqB,EAAEF,EAAE,CAAC;AACvD,CAAC;AAkBD,OAAO,MAAMG,cAAwD,GACnEX,sBAAsB,CAA4B,oBAAoB,CAAC;;AAEzE;AACA;;AAKA,OAAO,MAAMY,WAAW,GACtBC,GAAmD,IAChD;EACH,MAAMC,IAAI,GAAGZ,cAAc,CAACW,GAAG,CAAC;EAChC,IAAIC,IAAI,IAAI,IAAI,EAAE;IAChBC,OAAO,CAACC,IAAI,CAAC,sDAAsD,CAAC;IACpE;EACF;EAEA,MAAMC,MAAM,GAAGhB,SAAS,CAACiB,oBAAoB,CAC3C,oBACF,CAAsB;EACtB,MAAMC,SAAS,GAAGF,MAAM,EAAEG,QAAQ,EAAEC,GAAG;EAEvC,IAAIF,SAAS,IAAI,IAAI,EAAE;IACrBJ,OAAO,CAACC,IAAI,CAAC,gEAAgE,CAAC;IAC9E;EACF;EAEAf,SAAS,CAACqB,0BAA0B,CAACR,IAAI,EAAEK,SAAS,EAAE,EAAE,CAAC;AAC3D,CAAC","ignoreList":[]}

package/lib/typescript/src/index.d.ts

@@ -1,4 +1,4 @@
-import type { BoxpayCheckoutProps } from './interface';
-declare const BoxpayCheckout: ({ token, configurationOptions, onPaymentResult, shopperToken, uiConfiguration }: BoxpayCheckoutProps) => import("react").JSX.Element;
-export default BoxpayCheckout;
+import type { BoxpayCheckoutProps, BoxpayElementsProps } from './interface';
+export declare const BoxpayCheckout: ({ token, configurationOptions, onPaymentResult, shopperToken, uiConfiguration, }: BoxpayCheckoutProps) => import("react").JSX.Element;
+export declare const BoxpayElements: ({ token, configurationOptions, onPaymentResult, shopperToken, uiConfiguration, paymentMethodList, }: BoxpayElementsProps) => import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAC,MAAM,aAAa,CAAC;AAKtD,QAAA,MAAM,cAAc,GAAI,iFAMrB,mBAAmB,gCAYrB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,mBAAmB,EACnB,mBAAmB,EAEpB,MAAM,aAAa,CAAC;AAUrB,eAAO,MAAM,cAAc,GAAI,kFAM5B,mBAAmB,gCAWrB,CAAC;AAGF,eAAO,MAAM,cAAc,GAAI,qGAO5B,mBAAmB,gCA+BrB,CAAC"}