@juspay-tech/react-native-hyperswitch-paypal 1.0.0

package/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2026 Hyperswitch
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,33 @@
+# @juspay-tech/react-native-hyperswitch-paypal
+
+react native hyperswitch paypal
+
+## Installation
+
+```sh
+npm install @juspay-tech/react-native-hyperswitch-paypal
+```
+
+## Usage
+
+
+```js
+import { multiply } from '@juspay-tech/react-native-hyperswitch-paypal';
+
+// ...
+
+const result = await multiply(3, 7);
+```
+
+
+## Contributing
+
+See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
+
+## License
+
+MIT
+
+---
+
+Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)

package/ReactNativeHyperswitchPaypal.podspec

@@ -0,0 +1,27 @@
+require "json"
+
+package = JSON.parse(File.read(File.join(__dir__, "package.json")))
+
+Pod::Spec.new do |s|
+  s.name         = "ReactNativeHyperswitchPaypal"
+  s.version      = package["version"]
+  s.summary      = package["description"]
+  s.homepage     = package["homepage"]
+  s.license      = package["license"]
+  s.authors      = package["author"]
+
+  s.platforms    = { :ios => min_ios_version_supported }
+  s.source       = { :git => "https://github.com/juspay/react-native-hyperswitch.git", :tag => "#{s.version}" }
+
+  s.source_files = "ios/**/*.{h,m,mm,swift}"
+
+# Use install_modules_dependencies helper to install the dependencies if React Native version >=0.71.0.
+# See https://github.com/facebook/react-native/blob/febf6b7f33fdb4904669f99d795eba4c0f95d7bf/scripts/cocoapods/new_architecture.rb#L79.
+if respond_to?(:install_modules_dependencies, true)
+  install_modules_dependencies(s)
+else
+  s.dependency "React-Core"
+end
+
+  s.dependency "PayPal", "~> 2.0"
+end

package/android/build.gradle

@@ -0,0 +1,69 @@
+buildscript {
+  ext.getExtOrDefault = {name ->
+    return rootProject.ext.has(name) ? rootProject.ext.get(name) : project.properties['ReactNativeHyperswitchPaypal_' + name]
+  }
+
+  repositories {
+    google()
+    mavenCentral()
+  }
+
+  dependencies {
+    classpath "com.android.tools.build:gradle:8.7.2"
+    // noinspection DifferentKotlinGradleVersion
+    classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:${getExtOrDefault('kotlinVersion')}"
+  }
+}
+
+
+apply plugin: "com.android.library"
+apply plugin: "kotlin-android"
+
+
+def getExtOrIntegerDefault(name) {
+  return rootProject.ext.has(name) ? rootProject.ext.get(name) : (project.properties["ReactNativeHyperswitchPaypal_" + name]).toInteger()
+}
+
+android {
+  namespace "com.juspaytech.reactnativehyperswitchpaypal"
+
+  compileSdkVersion getExtOrIntegerDefault("compileSdkVersion")
+
+  defaultConfig {
+    minSdkVersion getExtOrIntegerDefault("minSdkVersion")
+    targetSdkVersion getExtOrIntegerDefault("targetSdkVersion")
+  }
+
+  buildTypes {
+    release {
+      minifyEnabled false
+    }
+  }
+
+  lintOptions {
+    disable "GradleCompatible"
+  }
+
+  compileOptions {
+    sourceCompatibility JavaVersion.VERSION_17
+    targetCompatibility JavaVersion.VERSION_17
+  }
+
+  kotlinOptions {
+    jvmTarget = '17'
+  }
+}
+
+repositories {
+  mavenCentral()
+  google()
+}
+
+def kotlin_version = getExtOrDefault("kotlinVersion")
+
+dependencies {
+  implementation "com.facebook.react:react-android"
+  implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
+  implementation "com.paypal.android:paypal-web-payments:2.3.0"
+  implementation "com.paypal.android:payment-buttons:2.3.0"
+}

package/android/gradle.properties

@@ -0,0 +1,5 @@
+ReactNativeHyperswitchPaypal_kotlinVersion=2.0.21
+ReactNativeHyperswitchPaypal_minSdkVersion=24
+ReactNativeHyperswitchPaypal_targetSdkVersion=34
+ReactNativeHyperswitchPaypal_compileSdkVersion=35
+ReactNativeHyperswitchPaypal_ndkVersion=27.1.12297006

package/android/src/main/AndroidManifest.xml

@@ -0,0 +1,17 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <application>
+        <activity
+            android:name=".PayPalRedirectActivity"
+            android:exported="true"
+            android:launchMode="singleTop"
+            android:theme="@android:style/Theme.Translucent.NoTitleBar">
+            <intent-filter>
+                <action android:name="android.intent.action.VIEW" />
+                <category android:name="android.intent.category.DEFAULT" />
+                <category android:name="android.intent.category.BROWSABLE" />
+                <data android:scheme="${applicationId}.paypal" />
+            </intent-filter>
+        </activity>
+    </application>
+</manifest>

package/android/src/main/java/com/juspaytech/reactnativehyperswitchpaypal/PayPalPendingResult.kt

@@ -0,0 +1,31 @@
+package com.juspaytech.reactnativehyperswitchpaypal
+
+object PayPalPendingResult {
+    @Volatile
+    private var resultCallback: PayPalResultCallback? = null
+
+    interface PayPalResultCallback {
+        fun onSuccess(orderId: String, payerId: String)
+        fun onCancelled()
+        fun onFailure(errorMessage: String, errorCode: String?)
+    }
+
+    fun setCallback(callback: PayPalResultCallback?) {
+        this.resultCallback = callback
+    }
+
+    fun notifySuccess(orderId: String, payerId: String) {
+        resultCallback?.onSuccess(orderId, payerId)
+        resultCallback = null
+    }
+
+    fun notifyCancelled() {
+        resultCallback?.onCancelled()
+        resultCallback = null
+    }
+
+    fun notifyFailure(errorMessage: String, errorCode: String?) {
+        resultCallback?.onFailure(errorMessage, errorCode)
+        resultCallback = null
+    }
+}

package/android/src/main/java/com/juspaytech/reactnativehyperswitchpaypal/PayPalRedirectActivity.kt

@@ -0,0 +1,165 @@
+package com.juspaytech.reactnativehyperswitchpaypal
+
+import android.app.Activity
+import android.content.Intent
+import android.graphics.Color
+import android.os.Bundle
+import android.os.Handler
+import android.os.Looper
+import android.util.Log
+import android.view.WindowManager
+import com.paypal.android.corepayments.CoreConfig
+import com.paypal.android.corepayments.Environment
+import com.paypal.android.paypalwebpayments.PayPalPresentAuthChallengeResult
+import com.paypal.android.paypalwebpayments.PayPalWebCheckoutClient
+import com.paypal.android.paypalwebpayments.PayPalWebCheckoutFinishStartResult
+import com.paypal.android.paypalwebpayments.PayPalWebCheckoutFundingSource
+import com.paypal.android.paypalwebpayments.PayPalWebCheckoutRequest
+
+class PayPalRedirectActivity : Activity() {
+
+    private var payPalClient: PayPalWebCheckoutClient? = null
+    private var callbackInvoked = false
+    private var browserLaunched = false
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        // Skip enter animation
+        overridePendingTransition(0, 0)
+
+        // Make window completely invisible
+        window.setFlags(
+            WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS,
+            WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS
+        )
+        window.statusBarColor = Color.TRANSPARENT
+        window.navigationBarColor = Color.TRANSPARENT
+
+        super.onCreate(savedInstanceState)
+
+        val params = intent?.extras ?: run {
+            Log.e(TAG, "No parameters provided")
+            finish()
+            return
+        }
+
+        val clientId = params.getString("clientId") ?: run {
+            notifyFailure("Missing clientId", null)
+            return
+        }
+        val orderId = params.getString("orderId") ?: run {
+            notifyFailure("Missing orderId", null)
+            return
+        }
+        val environmentStr = params.getString("environment", "SANDBOX")
+        val returnUrl = params.getString("returnUrl", "${packageName}.paypal")
+        val fundingSourceStr = params.getString("fundingSource", "PAYPAL")
+
+        val environment = if (environmentStr == "PRODUCTION") Environment.LIVE else Environment.SANDBOX
+        val fundingSource = when (fundingSourceStr) {
+            "PAY_LATER" -> PayPalWebCheckoutFundingSource.PAY_LATER
+            "PAYPAL_CREDIT" -> PayPalWebCheckoutFundingSource.PAYPAL_CREDIT
+            else -> PayPalWebCheckoutFundingSource.PAYPAL
+        }
+
+        val config = CoreConfig(clientId, environment = environment)
+        payPalClient = PayPalWebCheckoutClient(this, config, returnUrl)
+
+        val request = PayPalWebCheckoutRequest(orderId, fundingSource = fundingSource)
+
+        payPalClient?.start(this, request) { startResult ->
+            when (startResult) {
+                is PayPalPresentAuthChallengeResult.Success -> {
+                    browserLaunched = true
+                }
+                is PayPalPresentAuthChallengeResult.Failure -> {
+                    Log.e(TAG, "PayPal start failed: ${startResult.error.errorDescription}")
+                    notifyFailure(
+                        startResult.error.errorDescription ?: "Failed to start PayPal",
+                        startResult.error.code?.toString()
+                    )
+                }
+            }
+        }
+    }
+
+    override fun finish() {
+        super.finish()
+        // Skip exit animation
+        overridePendingTransition(0, 0)
+    }
+
+    override fun onNewIntent(intent: Intent?) {
+        super.onNewIntent(intent)
+
+        if (callbackInvoked) return
+
+        intent?.let {
+            val result = payPalClient?.finishStart(it)
+            handleFinishResult(result)
+        }
+    }
+
+    override fun onResume() {
+        super.onResume()
+
+        // If browser was launched but no deep link received (callbackInvoked is false),
+        // user cancelled by closing the browser
+        if (browserLaunched && !callbackInvoked) {
+            // Small delay to ensure onNewIntent didn't just fire
+            Handler(Looper.getMainLooper()).postDelayed({
+                if (!callbackInvoked) {
+                    notifyCancelled()
+                }
+            }, 300)
+        }
+    }
+
+    private fun handleFinishResult(result: PayPalWebCheckoutFinishStartResult?) {
+        when (result) {
+            is PayPalWebCheckoutFinishStartResult.Success -> {
+                notifySuccess(result.orderId ?: "", result.payerId ?: "")
+            }
+            is PayPalWebCheckoutFinishStartResult.Failure -> {
+                Log.e(TAG, "PayPal failure - error: ${result.error.errorDescription}")
+                notifyFailure(
+                    result.error.errorDescription ?: result.error.message ?: "Unknown PayPal error",
+                    result.error.code?.toString()
+                )
+            }
+            is PayPalWebCheckoutFinishStartResult.Canceled -> {
+                notifyCancelled()
+            }
+            PayPalWebCheckoutFinishStartResult.NoResult -> {
+                Log.d(TAG, "NoResult from finishStart")
+            }
+            null -> {
+                Log.d(TAG, "finishStart returned null")
+            }
+        }
+    }
+
+    private fun notifySuccess(orderId: String, payerId: String) {
+        if (callbackInvoked) return
+        callbackInvoked = true
+        PayPalPendingResult.notifySuccess(orderId, payerId)
+        finish()
+    }
+
+    private fun notifyCancelled() {
+        if (callbackInvoked) return
+        callbackInvoked = true
+        PayPalPendingResult.notifyCancelled()
+        finish()
+    }
+
+    private fun notifyFailure(errorMessage: String, errorCode: String?) {
+        if (callbackInvoked) return
+        callbackInvoked = true
+        PayPalPendingResult.notifyFailure(errorMessage, errorCode)
+        finish()
+    }
+
+    companion object {
+        private const val TAG = "PayPalRedirect"
+    }
+}

package/android/src/main/java/com/juspaytech/reactnativehyperswitchpaypal/PaypalButtonView.kt

@@ -0,0 +1,56 @@
+package com.juspaytech.reactnativehyperswitchpaypal
+
+import android.annotation.SuppressLint
+import android.util.Log
+import android.view.View
+import android.widget.FrameLayout
+import com.facebook.react.uimanager.ThemedReactContext
+import com.paypal.android.paymentbuttons.PayPalButton
+import com.paypal.android.paymentbuttons.PayPalButtonColor
+import com.paypal.android.paymentbuttons.PayPalButtonLabel
+
+@SuppressLint("ViewConstructor")
+class PaypalButtonView(private val context: ThemedReactContext) : FrameLayout(context) {
+
+  var buttonColor: PayPalButtonColor = PayPalButtonColor.GOLD
+  var buttonLabel: PayPalButtonLabel = PayPalButtonLabel.PAYPAL
+  var customCornerRadius: Float = 10.0F
+  private var button: PayPalButton? = null
+
+  fun addButton() {
+    if (button != null) {
+      removeView(button)
+    }
+    button = initializePayPalButton()
+    addView(button)
+    viewTreeObserver.addOnGlobalLayoutListener { requestLayout() }
+  }
+
+  private fun initializePayPalButton(): PayPalButton {
+    val payPalButton = PayPalButton(context)
+
+    payPalButton.color = buttonColor
+    payPalButton.label = buttonLabel
+    payPalButton.customCornerRadius = customCornerRadius
+    payPalButton.setOnClickListener {
+      (this.parent as? View)?.performClick() ?: run {
+        Log.e("PaypalButtonView", "Unable to find parent of PaypalButtonView.")
+      }
+    }
+
+    return payPalButton
+  }
+
+  override fun requestLayout() {
+    super.requestLayout()
+    post(mLayoutRunnable)
+  }
+
+  private val mLayoutRunnable = Runnable {
+    measure(
+      MeasureSpec.makeMeasureSpec(width, MeasureSpec.EXACTLY),
+      MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY)
+    )
+    layout(left, top, right, bottom)
+  }
+}

package/android/src/main/java/com/juspaytech/reactnativehyperswitchpaypal/PaypalButtonViewManager.kt

@@ -0,0 +1,56 @@
+package com.juspaytech.reactnativehyperswitchpaypal
+
+import com.facebook.react.module.annotations.ReactModule
+import com.facebook.react.uimanager.SimpleViewManager
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.annotations.ReactProp
+import com.paypal.android.paymentbuttons.PayPalButtonColor
+import com.paypal.android.paymentbuttons.PayPalButtonLabel
+
+@ReactModule(name = PaypalButtonViewManager.NAME)
+class PaypalButtonViewManager : SimpleViewManager<PaypalButtonView>() {
+
+  override fun getName(): String {
+    return NAME
+  }
+
+  public override fun createViewInstance(context: ThemedReactContext): PaypalButtonView {
+    return PaypalButtonView(context)
+  }
+
+  public override fun onAfterUpdateTransaction(view: PaypalButtonView) {
+    super.onAfterUpdateTransaction(view)
+    view.addButton()
+  }
+
+  @ReactProp(name = "buttonColor")
+  fun setButtonColor(view: PaypalButtonView, value: String?) {
+    view.buttonColor = when (value) {
+      "GOLD" -> PayPalButtonColor.GOLD
+      "BLUE" -> PayPalButtonColor.BLUE
+      "SILVER" -> PayPalButtonColor.SILVER
+      "WHITE" -> PayPalButtonColor.WHITE
+      "BLACK" -> PayPalButtonColor.BLACK
+      else -> PayPalButtonColor.GOLD
+    }
+  }
+
+  @ReactProp(name = "buttonLabel")
+  fun setButtonLabel(view: PaypalButtonView, value: String?) {
+    view.buttonLabel = when (value) {
+      "CHECKOUT" -> PayPalButtonLabel.CHECKOUT
+      "BUY_NOW" -> PayPalButtonLabel.BUY_NOW
+      "PAY" -> PayPalButtonLabel.PAY
+      else -> PayPalButtonLabel.PAYPAL
+    }
+  }
+
+  @ReactProp(name = "borderRadius", defaultDouble = 0.0)
+  fun setBorderRadius(view: PaypalButtonView, value: Double) {
+    view.customCornerRadius = value.toFloat()
+  }
+
+  companion object {
+    const val NAME = "PaypalButton"
+  }
+}

package/android/src/main/java/com/juspaytech/reactnativehyperswitchpaypal/ReactNativeHyperswitchPaypalModule.kt

@@ -0,0 +1,101 @@
+package com.juspaytech.reactnativehyperswitchpaypal
+
+import android.content.Intent
+import android.os.Handler
+import android.os.Looper
+import android.util.Log
+import com.facebook.react.bridge.Callback
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.bridge.ReactContextBaseJavaModule
+import com.facebook.react.bridge.ReactMethod
+import com.facebook.react.bridge.WritableNativeMap
+import org.json.JSONObject
+
+class ReactNativeHyperswitchPaypalModule(reactContext: ReactApplicationContext) :
+  ReactContextBaseJavaModule(reactContext),
+  PayPalPendingResult.PayPalResultCallback {
+
+  private var currentCallback: Callback? = null
+  private val mainHandler = Handler(Looper.getMainLooper())
+
+  override fun getName(): String = NAME
+
+  @ReactMethod
+  fun launchPayPal(requestObj: String, callback: Callback) {
+
+    try {
+      val json = JSONObject(requestObj)
+      val clientId = json.getString("clientId")
+      val environment = json.optString("environment", "SANDBOX")
+      val orderId = json.getString("orderId")
+      val returnUrl = json.optString("returnUrl", "").ifEmpty {
+        "${reactApplicationContext.packageName}.paypal"
+      }
+      val fundingSource = json.optString("fundingSource", "PAYPAL")
+
+      currentCallback = callback
+
+      // Register for result callback
+      PayPalPendingResult.setCallback(this)
+
+      // Launch PayPalRedirectActivity with parameters
+      val intent = Intent(reactApplicationContext, PayPalRedirectActivity::class.java).apply {
+        putExtra("clientId", clientId)
+        putExtra("environment", environment)
+        putExtra("orderId", orderId)
+        putExtra("returnUrl", returnUrl)
+        putExtra("fundingSource", fundingSource)
+        addFlags(Intent.FLAG_ACTIVITY_NEW_TASK)
+      }
+      reactApplicationContext.startActivity(intent)
+
+    } catch (e: Exception) {
+      Log.e(TAG, "Exception in launchPayPal: ${e.message}", e)
+      invokeCallbackWithError(e.message ?: "Failed to launch PayPal checkout")
+    }
+  }
+
+  // Called from PayPalRedirectActivity on success
+  override fun onSuccess(orderId: String, payerId: String) {
+    mainHandler.post {
+      val map = WritableNativeMap()
+      map.putString("status", "success")
+      map.putString("orderId", orderId)
+      map.putString("payerId", payerId)
+      currentCallback?.invoke(map)
+      currentCallback = null
+    }
+  }
+
+  // Called from PayPalRedirectActivity on cancel
+  override fun onCancelled() {
+    mainHandler.post {
+      val map = WritableNativeMap()
+      map.putString("status", "cancelled")
+      currentCallback?.invoke(map)
+      currentCallback = null
+    }
+  }
+
+  // Called from PayPalRedirectActivity on failure
+  override fun onFailure(errorMessage: String, errorCode: String?) {
+    mainHandler.post {
+      Log.e(TAG, "PayPal failure: $errorMessage")
+      invokeCallbackWithError(errorMessage)
+    }
+  }
+
+  private fun invokeCallbackWithError(errorMessage: String) {
+    Log.e(TAG, "PayPal error: $errorMessage")
+    val map = WritableNativeMap()
+    map.putString("status", "failed")
+    map.putString("error_message", errorMessage)
+    currentCallback?.invoke(map)
+    currentCallback = null
+  }
+
+  companion object {
+    const val NAME = "HyperswitchPaypal"
+    private const val TAG = "HyperswitchPaypal"
+  }
+}

package/android/src/main/java/com/juspaytech/reactnativehyperswitchpaypal/ReactNativeHyperswitchPaypalPackage.kt

@@ -0,0 +1,17 @@
+package com.juspaytech.reactnativehyperswitchpaypal
+
+import android.util.Log
+import com.facebook.react.ReactPackage
+import com.facebook.react.bridge.NativeModule
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.uimanager.ViewManager
+
+class ReactNativeHyperswitchPaypalPackage : ReactPackage {
+  override fun createNativeModules(reactContext: ReactApplicationContext): List<NativeModule> {
+    return listOf(ReactNativeHyperswitchPaypalModule(reactContext))
+  }
+
+  override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> {
+    return listOf(PaypalButtonViewManager())
+  }
+}

package/ios/PaypalButtonView.swift

@@ -0,0 +1,118 @@
+import UIKit
+import PayPal
+
+class PaypalButtonView: UIView {
+
+  private var payPalButton: PayPalButton?
+  private var containerView: UIView?
+
+  @objc dynamic var buttonColor: String = "gold" {
+    didSet { updateButton() }
+  }
+
+  @objc dynamic var buttonLabel: String = "paypal" {
+    didSet { updateButton() }
+  }
+
+  @objc dynamic var borderRadius: Double = 0 {
+    didSet { updateButton() }
+  }
+
+  override init(frame: CGRect) {
+    super.init(frame: frame)
+    setupButton()
+  }
+
+  required init?(coder: NSCoder) {
+    super.init(coder: coder)
+    setupButton()
+  }
+
+  private func setupButton() {
+    if let existingButton = payPalButton {
+      existingButton.removeFromSuperview()
+    }
+
+    let color = mapColor(buttonColor)
+    let label = mapLabel(buttonLabel)
+    let edges = mapEdges(borderRadius)
+
+    let button = PayPalButton(
+      color: color,
+      edges: edges,
+      size: .collapsed,
+      label: label
+    )
+    button.translatesAutoresizingMaskIntoConstraints = false
+    button.addTarget(self, action: #selector(buttonTapped), for: .touchUpInside)
+
+    payPalButton = button
+
+    let container = UIView()
+    container.translatesAutoresizingMaskIntoConstraints = false
+    container.addSubview(button)
+
+    NSLayoutConstraint.activate([
+      button.topAnchor.constraint(equalTo: container.topAnchor),
+      button.bottomAnchor.constraint(equalTo: container.bottomAnchor),
+      button.leadingAnchor.constraint(equalTo: container.leadingAnchor),
+      button.trailingAnchor.constraint(equalTo: container.trailingAnchor),
+    ])
+
+    addSubview(container)
+    containerView = container
+
+    NSLayoutConstraint.activate([
+      container.topAnchor.constraint(equalTo: topAnchor),
+      container.bottomAnchor.constraint(equalTo: bottomAnchor),
+      container.leadingAnchor.constraint(equalTo: leadingAnchor),
+      container.trailingAnchor.constraint(equalTo: trailingAnchor),
+    ])
+  }
+
+  private func updateButton() {
+    setupButton()
+    setNeedsLayout()
+  }
+
+  private func mapColor(_ value: String) -> PayPalButton.Color {
+    switch value.lowercased() {
+    case "blue": return .blue
+    case "silver": return .silver
+    case "white": return .white
+    case "black": return .black
+    default: return .gold
+    }
+  }
+
+  private func mapLabel(_ value: String) -> PayPalButton.Label? {
+    switch value.lowercased() {
+    case "checkout": return .checkout
+    case "buynow": return .buyNow
+    case "pay": return .payWith
+    default: return nil
+    }
+  }
+
+  private func mapEdges(_ radius: Double) -> PaymentButtonEdges {
+    if radius <= 0 {
+      return .hardEdges
+    } else {
+      return .custom(CGFloat(radius))
+    }
+  }
+
+  @objc private func buttonTapped() {
+    guard let reactView = superview else { return }
+    reactView.reactSubviews().first?.perform(#selector(UIView.didMoveToWindow))
+  }
+
+  override var intrinsicContentSize: CGSize {
+    return CGSize(width: UIView.noIntrinsicMetric, height: 48)
+  }
+
+  override func layoutSubviews() {
+    super.layoutSubviews()
+    payPalButton?.layoutSubviews()
+  }
+}

package/ios/PaypalButtonViewManager.swift

@@ -0,0 +1,13 @@
+import PayPal
+
+@objc(PaypalButton)
+class PaypalButtonViewManager: RCTViewManager {
+
+  override func view() -> PaypalButtonView {
+    return PaypalButtonView()
+  }
+
+  @objc override static func requiresMainQueueSetup() -> Bool {
+    return true
+  }
+}

package/ios/ReactNativeHyperswitchPaypal-Bridging-Header.h

@@ -0,0 +1,2 @@
+#import <React/RCTBridgeModule.h>
+#import <React/RCTViewManager.h>

package/ios/ReactNativeHyperswitchPaypal.mm

@@ -0,0 +1,17 @@
+#import <React/RCTBridgeModule.h>
+#import <React/RCTViewManager.h>
+
+@interface RCT_EXTERN_MODULE(HyperswitchPaypal, NSObject)
+
+RCT_EXTERN_METHOD(launchPayPal:(NSString *)requestObj
+                  callback:(RCTResponseSenderBlock)callback)
+
+@end
+
+@interface RCT_EXTERN_MODULE(PaypalButton, RCTViewManager)
+
+RCT_EXPORT_VIEW_PROPERTY(buttonColor, NSString)
+RCT_EXPORT_VIEW_PROPERTY(buttonLabel, NSString)
+RCT_EXPORT_VIEW_PROPERTY(borderRadius, double)
+
+@end

package/ios/ReactNativeHyperswitchPaypal.swift

@@ -0,0 +1,92 @@
+import PayPal
+
+@objc(HyperswitchPaypal)
+class ReactNativeHyperswitchPaypal: NSObject {
+
+  private static let TAG = "HyperswitchPaypal"
+
+  @objc
+  static func requiresMainQueueSetup() -> Bool {
+    return true
+  }
+
+  @objc(launchPayPal:callback:)
+  func launchPayPal(_ requestObj: String, callback: @escaping RCTResponseSenderBlock) {
+
+    guard let data = requestObj.data(using: .utf8),
+          let json = try? JSONSerialization.jsonObject(with: data) as? [String: Any] else {
+      let error: [String: Any] = [
+        "status": "failed",
+        "error_message": "Failed to parse request JSON"
+      ]
+      callback([error])
+      return
+    }
+
+    guard let clientId = json["clientId"] as? String else {
+      let error: [String: Any] = [
+        "status": "failed",
+        "error_message": "Missing clientId"
+      ]
+      callback([error])
+      return
+    }
+
+    guard let orderId = json["orderId"] as? String else {
+      let error: [String: Any] = [
+        "status": "failed",
+        "error_message": "Missing orderId"
+      ]
+      callback([error])
+      return
+    }
+
+    let environmentStr = json["environment"] as? String ?? "SANDBOX"
+    let fundingSourceStr = json["fundingSource"] as? String ?? "PAYPAL"
+
+    let environment: Environment = environmentStr == "PRODUCTION" ? .live : .sandbox
+
+    let fundingSource: PayPalWebCheckoutFundingSource
+    switch fundingSourceStr {
+    case "PAY_LATER":
+      fundingSource = .paylater
+    case "PAYPAL_CREDIT":
+      fundingSource = .paypalCredit
+    default:
+      fundingSource = .paypal
+    }
+
+
+    let config = CoreConfig(clientID: clientId, environment: environment)
+    let payPalClient = PayPalWebCheckoutClient(config: config)
+    let request = PayPalWebCheckoutRequest(orderID: orderId, fundingSource: fundingSource)
+
+    DispatchQueue.main.async {
+      payPalClient.start(request: request) { result in
+        switch result {
+        case .success(let paypalResult):
+          let successMap: [String: Any] = [
+            "status": "success",
+            "orderId": paypalResult.orderID,
+            "payerId": paypalResult.payerID
+          ]
+          callback([successMap])
+
+        case .failure(let error):
+          if PayPalError.isCheckoutCanceled(error) {
+            let cancelMap: [String: Any] = [
+              "status": "cancelled"
+            ]
+            callback([cancelMap])
+          } else {
+            let errorMap: [String: Any] = [
+              "status": "failed",
+              "error_message": error.localizedDescription
+            ]
+            callback([errorMap])
+          }
+        }
+      }
+    }
+  }
+}

package/lib/module/PaypalButtonNativeComponent.android.js

@@ -0,0 +1,5 @@
+"use strict";
+
+import { requireNativeComponent } from 'react-native';
+export default requireNativeComponent('PaypalButton');
+//# sourceMappingURL=PaypalButtonNativeComponent.android.js.map

package/lib/module/PaypalButtonNativeComponent.android.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["requireNativeComponent"],"sourceRoot":"../../src","sources":["PaypalButtonNativeComponent.android.ts"],"mappings":";;AAAA,SAASA,sBAAsB,QAAwB,cAAc;AAQrE,eAAeA,sBAAsB,CAAc,cAAc,CAAC","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+import { NativeModules } from 'react-native';
+const {
+  HyperswitchPaypal
+} = NativeModules;
+export const isAvailable = !!HyperswitchPaypal;
+export function launchPayPal(requestObj, callback) {
+  if (!HyperswitchPaypal) {
+    callback({
+      status: 'failed',
+      error_message: 'PayPal module not available'
+    });
+    return;
+  }
+  return HyperswitchPaypal.launchPayPal(requestObj, callback);
+}
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NativeModules","HyperswitchPaypal","isAvailable","launchPayPal","requestObj","callback","status","error_message"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,cAAc;AAE5C,MAAM;EAAEC;AAAkB,CAAC,GAAGD,aAAa;AAE3C,OAAO,MAAME,WAAW,GAAG,CAAC,CAACD,iBAAiB;AAiB9C,OAAO,SAASE,YAAYA,CAC1BC,UAAkB,EAClBC,QAAwC,EAClC;EAEN,IAAI,CAACJ,iBAAiB,EAAE;IACtBI,QAAQ,CAAC;MAAEC,MAAM,EAAE,QAAQ;MAAEC,aAAa,EAAE;IAA8B,CAAC,CAAC;IAC5E;EACF;EACA,OAAON,iBAAiB,CAACE,YAAY,CAACC,UAAU,EAAEC,QAAQ,CAAC;AAC7D","ignoreList":[]}

package/lib/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/typescript/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/typescript/src/PaypalButtonNativeComponent.android.d.ts

@@ -0,0 +1,9 @@
+import { type ViewProps } from 'react-native';
+interface NativeProps extends ViewProps {
+    buttonColor?: string;
+    buttonLabel?: string;
+    borderRadius?: number;
+}
+declare const _default: import("react-native").HostComponent<NativeProps>;
+export default _default;
+//# sourceMappingURL=PaypalButtonNativeComponent.android.d.ts.map

package/lib/typescript/src/PaypalButtonNativeComponent.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaypalButtonNativeComponent.android.d.ts","sourceRoot":"","sources":["../../../src/PaypalButtonNativeComponent.android.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEtE,UAAU,WAAY,SAAQ,SAAS;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;;AAED,wBAAmE"}

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

@@ -0,0 +1,16 @@
+export declare const isAvailable: boolean;
+export type PayPalResult = {
+    status: string;
+    orderId?: string;
+    payerId?: string;
+    error_message?: string;
+};
+export type PayPalRequest = {
+    clientId: string;
+    environment?: 'SANDBOX' | 'PRODUCTION';
+    orderId: string;
+    returnUrl?: string;
+    fundingSource?: 'PAYPAL' | 'PAY_LATER' | 'PAYPAL_CREDIT';
+};
+export declare function launchPayPal(requestObj: string, callback: (result: PayPalResult) => void): void;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,SAAsB,CAAC;AAE/C,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC;IACvC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,eAAe,CAAC;CAC1D,CAAC;AAEF,wBAAgB,YAAY,CAC1B,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,GACvC,IAAI,CAON"}

package/package.json

@@ -0,0 +1,154 @@
+{
+  "name": "@juspay-tech/react-native-hyperswitch-paypal",
+  "version": "1.0.0",
+  "description": "react native hyperswitch paypal",
+  "source": "./src/index.tsx",
+  "main": "./lib/module/index.js",
+  "types": "./lib/typescript/src/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./lib/typescript/src/index.d.ts",
+      "default": "./lib/module/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "react-native.config.js",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "example": "yarn workspace @juspay-tech/react-native-hyperswitch-paypal-example",
+    "test": "jest",
+    "typecheck": "tsc",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
+    "prepare": "bob build",
+    "release": "release-it"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/juspay/react-native-hyperswitch.git"
+  },
+  "author": "Hyperswitch <chirag.kv@juspay.in> (https://github.com/ChiragKV-Juspay)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/juspay/react-native-hyperswitch/issues"
+  },
+  "homepage": "https://github.com/juspay/react-native-hyperswitch#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^19.6.0",
+    "@eslint/compat": "^1.2.7",
+    "@eslint/eslintrc": "^3.3.0",
+    "@eslint/js": "^9.22.0",
+    "@evilmartians/lefthook": "^1.5.0",
+    "@react-native/eslint-config": "^0.78.0",
+    "@release-it/conventional-changelog": "^9.0.2",
+    "@types/jest": "^29.5.5",
+    "@types/react": "^19.0.0",
+    "commitlint": "^19.6.1",
+    "del-cli": "^5.1.0",
+    "eslint": "^9.22.0",
+    "eslint-config-prettier": "^10.1.1",
+    "eslint-plugin-prettier": "^5.2.3",
+    "jest": "^29.7.0",
+    "prettier": "^3.0.3",
+    "react": "19.0.0",
+    "react-native": "0.78.2",
+    "react-native-builder-bob": "^0.40.18",
+    "release-it": "^17.10.0",
+    "turbo": "^1.10.7",
+    "typescript": "^5.2.2"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "workspaces": [
+    "example"
+  ],
+  "packageManager": "yarn@3.6.1",
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": {
+          "name": "angular"
+        }
+      }
+    }
+  },
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "create-react-native-library": {
+    "type": "legacy-module",
+    "languages": "kotlin-swift",
+    "version": "0.49.8"
+  }
+}

package/react-native.config.js

@@ -0,0 +1,11 @@
+module.exports = {
+  dependency: {
+    platforms: {
+      android: {
+        sourceDir: './android',
+        packageImportPath: 'import com.juspaytech.reactnativehyperswitchpaypal.ReactNativeHyperswitchPaypalPackage;',
+        packageInstance: 'new ReactNativeHyperswitchPaypalPackage()',
+      },
+    },
+  },
+};

package/src/PaypalButtonNativeComponent.android.ts

@@ -0,0 +1,9 @@
+import { requireNativeComponent, type ViewProps } from 'react-native';
+
+interface NativeProps extends ViewProps {
+  buttonColor?: string;
+  buttonLabel?: string;
+  borderRadius?: number;
+}
+
+export default requireNativeComponent<NativeProps>('PaypalButton');

package/src/index.tsx

@@ -0,0 +1,32 @@
+import { NativeModules } from 'react-native';
+
+const { HyperswitchPaypal } = NativeModules;
+
+export const isAvailable = !!HyperswitchPaypal;
+
+export type PayPalResult = {
+  status: string;
+  orderId?: string;
+  payerId?: string;
+  error_message?: string;
+};
+
+export type PayPalRequest = {
+  clientId: string;
+  environment?: 'SANDBOX' | 'PRODUCTION';
+  orderId: string;
+  returnUrl?: string;
+  fundingSource?: 'PAYPAL' | 'PAY_LATER' | 'PAYPAL_CREDIT';
+};
+
+export function launchPayPal(
+  requestObj: string,
+  callback: (result: PayPalResult) => void
+): void {
+
+  if (!HyperswitchPaypal) {
+    callback({ status: 'failed', error_message: 'PayPal module not available' });
+    return;
+  }
+  return HyperswitchPaypal.launchPayPal(requestObj, callback);
+}