@walletconnect/react-native-compat 2.23.2 → 2.23.3

package/android/build.gradle

@@ -99,6 +99,7 @@ android {
 repositories {
   mavenCentral()
   google()
+  maven { url 'https://jitpack.io' }
 }
 
 def kotlin_version = getExtOrDefault("kotlinVersion")
@@ -109,6 +110,17 @@ dependencies {
   //noinspection GradleDynamicVersion
   implementation "com.facebook.react:react-native:+"
   implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
+  
+  // Yttrium - WalletConnect Pay uniffi bindings
+  implementation("com.github.reown-com.yttrium:yttrium-wcpay:0.9.119") {
+    // Exclude JNA jar, we'll use the AAR version for Android
+    exclude group: 'net.java.dev.jna', module: 'jna'
+  }
+  // JNA for Android (AAR with native libraries)
+  implementation "net.java.dev.jna:jna:5.17.0@aar"
+  
+  // Coroutines for async uniffi calls
+  implementation "org.jetbrains.kotlinx:kotlinx-coroutines-android:1.7.3"
 }
 
 if (isNewArchitectureEnabled()) {

package/android/src/main/java/com/walletconnect/reactnativemodule/RNWalletConnectModulePackage.kt

@@ -9,10 +9,10 @@ import java.util.HashMap
 
 class RNWalletConnectModulePackage : TurboReactPackage() {
   override fun getModule(name: String, reactContext: ReactApplicationContext): NativeModule? {
-    return if (name == RNWalletConnectModuleModule.NAME) {
-      RNWalletConnectModuleModule(reactContext)
-    } else {
-      null
+    return when (name) {
+      RNWalletConnectModuleModule.NAME -> RNWalletConnectModuleModule(reactContext)
+      RNWalletConnectPayModule.NAME -> RNWalletConnectPayModule(reactContext)
+      else -> null
     }
   }
 
@@ -20,15 +20,29 @@ class RNWalletConnectModulePackage : TurboReactPackage() {
     return ReactModuleInfoProvider {
       val moduleInfos: MutableMap<String, ReactModuleInfo> = HashMap()
       val isTurboModule: Boolean = BuildConfig.IS_NEW_ARCHITECTURE_ENABLED
+      
+      // Existing WalletConnect module
       moduleInfos[RNWalletConnectModuleModule.NAME] = ReactModuleInfo(
         RNWalletConnectModuleModule.NAME,
         RNWalletConnectModuleModule.NAME,
         false,  // canOverrideExistingModule
         false,  // needsEagerInit
-        true,  // hasConstants
+        true,   // hasConstants
         false,  // isCxxModule
         isTurboModule // isTurboModule
       )
+      
+      // WalletConnect Pay module
+      moduleInfos[RNWalletConnectPayModule.NAME] = ReactModuleInfo(
+        RNWalletConnectPayModule.NAME,
+        RNWalletConnectPayModule.NAME,
+        false,  // canOverrideExistingModule
+        false,  // needsEagerInit
+        false,  // hasConstants
+        false,  // isCxxModule
+        isTurboModule // isTurboModule
+      )
+      
       moduleInfos
     }
   }

package/android/src/main/java/com/walletconnect/reactnativemodule/RNWalletConnectPayModule.kt

@@ -0,0 +1,132 @@
+package com.walletconnect.reactnativemodule
+
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.bridge.ReactMethod
+import com.facebook.react.bridge.Promise
+import kotlinx.coroutines.*
+import uniffi.yttrium_wcpay.WalletConnectPayJson
+
+/**
+ * React Native module for WalletConnect Pay
+ * Wraps the uniffi-generated WalletConnectPayJson Rust client
+ */
+class RNWalletConnectPayModule internal constructor(context: ReactApplicationContext) :
+  RNWalletConnectPaySpec(context) {
+
+  private var client: WalletConnectPayJson? = null
+  private val scope = CoroutineScope(Dispatchers.IO + SupervisorJob())
+
+  override fun getName(): String = NAME
+
+  /**
+   * Initialize the Pay client with SDK configuration
+   * @param configJson JSON string containing SDK config:
+   *   {
+   *     "baseUrl": string,
+   *     "projectId": string,
+   *     "apiKey": string,
+   *     "sdkName": string,
+   *     "sdkVersion": string,
+   *     "sdkPlatform": string,
+   *     "bundleId": string
+   *   }
+   */
+  @ReactMethod
+  override fun initialize(configJson: String) {
+    try {
+      client = WalletConnectPayJson(configJson)
+    } catch (e: Exception) {
+      // Log error but don't throw - let subsequent calls fail with "not initialized"
+      android.util.Log.e(NAME, "Failed to initialize Pay client: ${e.message}", e)
+    }
+  }
+
+  /**
+   * Get payment options for a payment link
+   * @param requestJson JSON string:
+   *   { "paymentLink": string, "accounts": string[], "includePaymentInfo"?: boolean }
+   * @param promise Resolves with JSON string of PaymentOptionsResponse
+   */
+  @ReactMethod
+  override fun getPaymentOptions(requestJson: String, promise: Promise) {
+    val currentClient = client
+    if (currentClient == null) {
+      promise.reject("PAY_ERROR", "Pay client not initialized. Call initialize() first.")
+      return
+    }
+
+    scope.launch {
+      try {
+        val result = currentClient.getPaymentOptions(requestJson)
+        promise.resolve(result)
+      } catch (e: Exception) {
+        promise.reject("PAY_ERROR", e.message ?: "Unknown error", e)
+      }
+    }
+  }
+
+  /**
+   * Get required payment actions for a selected option
+   * @param requestJson JSON string:
+   *   { "paymentId": string, "optionId": string }
+   * @param promise Resolves with JSON string array of Action
+   */
+  @ReactMethod
+  override fun getRequiredPaymentActions(requestJson: String, promise: Promise) {
+    val currentClient = client
+    if (currentClient == null) {
+      promise.reject("PAY_ERROR", "Pay client not initialized. Call initialize() first.")
+      return
+    }
+
+    scope.launch {
+      try {
+        val result = currentClient.getRequiredPaymentActions(requestJson)
+        promise.resolve(result)
+      } catch (e: Exception) {
+        promise.reject("PAY_ERROR", e.message ?: "Unknown error", e)
+      }
+    }
+  }
+
+  /**
+   * Confirm a payment with signatures
+   * @param requestJson JSON string:
+   *   {
+   *     "paymentId": string,
+   *     "optionId": string,
+   *     "signatures": string[],
+   *     "collectedData"?: [{ "id": string, "value": string }]
+   *   }
+   * @param promise Resolves with JSON string of ConfirmPaymentResponse
+   */
+  @ReactMethod
+  override fun confirmPayment(requestJson: String, promise: Promise) {
+    val currentClient = client
+    if (currentClient == null) {
+      promise.reject("PAY_ERROR", "Pay client not initialized. Call initialize() first.")
+      return
+    }
+
+    scope.launch {
+      try {
+        val result = currentClient.confirmPayment(requestJson)
+        promise.resolve(result)
+      } catch (e: Exception) {
+        promise.reject("PAY_ERROR", e.message ?: "Unknown error", e)
+      }
+    }
+  }
+
+  /**
+   * Clean up coroutine scope when module is destroyed
+   */
+  override fun invalidate() {
+    scope.cancel()
+    super.invalidate()
+  }
+
+  companion object {
+    const val NAME = "RNWalletConnectPay"
+  }
+}

package/android/src/newarch/RNWalletConnectPaySpec.kt

@@ -0,0 +1,7 @@
+package com.walletconnect.reactnativemodule
+
+import com.facebook.react.bridge.ReactApplicationContext
+
+abstract class RNWalletConnectPaySpec internal constructor(context: ReactApplicationContext) :
+  NativeRNWalletConnectPaySpec(context) {
+}

package/android/src/oldarch/RNWalletConnectPaySpec.kt

@@ -0,0 +1,14 @@
+package com.walletconnect.reactnativemodule
+
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.bridge.ReactContextBaseJavaModule
+import com.facebook.react.bridge.Promise
+
+abstract class RNWalletConnectPaySpec internal constructor(context: ReactApplicationContext) :
+  ReactContextBaseJavaModule(context) {
+
+  abstract fun initialize(configJson: String)
+  abstract fun getPaymentOptions(requestJson: String, promise: Promise)
+  abstract fun getRequiredPaymentActions(requestJson: String, promise: Promise)
+  abstract fun confirmPayment(requestJson: String, promise: Promise)
+}

package/index.js

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-require-imports */
-import { getApplicationModule } from "./module/index.ts";
+import { getApplicationModule, getPayModule } from "./module/index.ts";
 
 // Polyfill TextEncode / TextDecode
 import "fast-text-encoding";
@@ -76,3 +76,18 @@ if (typeof global?.Application === "undefined") {
     console.error("react-native-compat: Application module is not available");
   }
 }
+
+// Set up globalThis.ReactNative.NativeModules.RNWalletConnectPay for @walletconnect/pay
+try {
+  const payModule = getPayModule();
+  if (payModule) {
+    if (typeof globalThis.ReactNative === "undefined") {
+      globalThis.ReactNative = { NativeModules: {} };
+    } else if (!globalThis.ReactNative.NativeModules) {
+      globalThis.ReactNative.NativeModules = {};
+    }
+    globalThis.ReactNative.NativeModules.RNWalletConnectPay = payModule;
+  }
+} catch (e) {
+  // Pay module not available - this is fine, it's optional
+}

package/ios/RNWalletConnectPay.h

@@ -0,0 +1,11 @@
+#ifdef RCT_NEW_ARCH_ENABLED
+#import "RNRNWalletConnectModuleSpec.h"
+
+@interface RNWalletConnectPay : NSObject <NativeRNWalletConnectPaySpec>
+#else
+#import <React/RCTBridgeModule.h>
+
+@interface RNWalletConnectPay : NSObject <RCTBridgeModule>
+#endif
+
+@end

package/ios/RNWalletConnectPay.mm

@@ -0,0 +1,122 @@
+#import "RNWalletConnectPay.h"
+#import <React/RCTBridge.h>
+
+// Import the Swift bridge - this header is auto-generated
+#if __has_include(<react_native_compat/react_native_compat-Swift.h>)
+#import <react_native_compat/react_native_compat-Swift.h>
+#elif __has_include("react_native_compat-Swift.h")
+#import "react_native_compat-Swift.h"
+#else
+@class RNWalletConnectPayBridge;
+#endif
+
+@implementation RNWalletConnectPay {
+    RNWalletConnectPayBridge *_bridge;
+    dispatch_queue_t _queue;
+}
+
+RCT_EXPORT_MODULE()
+
+- (instancetype)init
+{
+    self = [super init];
+    if (self) {
+        _queue = dispatch_queue_create("com.walletconnect.pay", DISPATCH_QUEUE_SERIAL);
+        _bridge = [[RNWalletConnectPayBridge alloc] init];
+    }
+    return self;
+}
+
+/**
+ * Initialize the Pay client with SDK configuration
+ * @param configJson JSON string containing SDK config
+ */
+RCT_EXPORT_METHOD(initialize:(NSString *)configJson)
+{
+    dispatch_async(_queue, ^{
+        NSError *error = nil;
+        [self->_bridge initialize:configJson error:&error];
+        if (error) {
+            NSLog(@"[RNWalletConnectPay] Failed to initialize: %@", error.localizedDescription);
+        }
+    });
+}
+
+/**
+ * Get payment options for a payment link
+ * @param requestJson JSON request string
+ * @param resolve Promise resolve callback
+ * @param reject Promise reject callback
+ */
+RCT_EXPORT_METHOD(getPaymentOptions:(NSString *)requestJson
+                  resolve:(RCTPromiseResolveBlock)resolve
+                  reject:(RCTPromiseRejectBlock)reject)
+{
+    dispatch_async(_queue, ^{
+        [self->_bridge getPaymentOptions:requestJson completion:^(NSString *result, NSError *error) {
+            if (error) {
+                reject(@"PAY_ERROR", error.localizedDescription, error);
+            } else {
+                resolve(result);
+            }
+        }];
+    });
+}
+
+/**
+ * Get required payment actions for a selected option
+ * @param requestJson JSON request string
+ * @param resolve Promise resolve callback
+ * @param reject Promise reject callback
+ */
+RCT_EXPORT_METHOD(getRequiredPaymentActions:(NSString *)requestJson
+                  resolve:(RCTPromiseResolveBlock)resolve
+                  reject:(RCTPromiseRejectBlock)reject)
+{
+    dispatch_async(_queue, ^{
+        [self->_bridge getRequiredPaymentActions:requestJson completion:^(NSString *result, NSError *error) {
+            if (error) {
+                reject(@"PAY_ERROR", error.localizedDescription, error);
+            } else {
+                resolve(result);
+            }
+        }];
+    });
+}
+
+/**
+ * Confirm a payment with signatures
+ * @param requestJson JSON request string
+ * @param resolve Promise resolve callback
+ * @param reject Promise reject callback
+ */
+RCT_EXPORT_METHOD(confirmPayment:(NSString *)requestJson
+                  resolve:(RCTPromiseResolveBlock)resolve
+                  reject:(RCTPromiseRejectBlock)reject)
+{
+    dispatch_async(_queue, ^{
+        [self->_bridge confirmPayment:requestJson completion:^(NSString *result, NSError *error) {
+            if (error) {
+                reject(@"PAY_ERROR", error.localizedDescription, error);
+            } else {
+                resolve(result);
+            }
+        }];
+    });
+}
+
++ (BOOL)requiresMainQueueSetup
+{
+    return NO;
+}
+
+// Don't compile this code when we build for the old architecture.
+#ifdef RCT_NEW_ARCH_ENABLED
+- (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:
+    (const facebook::react::ObjCTurboModule::InitParams &)params
+{
+    return std::make_shared<facebook::react::NativeRNWalletConnectPaySpecJSI>(params);
+}
+#endif
+
+@end

package/ios/RNWalletConnectPayBridge.swift

@@ -0,0 +1,71 @@
+import Foundation
+import YttriumWrapper
+
+@objc public class RNWalletConnectPayBridge: NSObject {
+    private var client: WalletConnectPayJson?
+
+    @objc public override init() {
+        super.init()
+    }
+
+    @objc public func initialize(_ sdkConfig: String) throws {
+        client = try WalletConnectPayJson(sdkConfig: sdkConfig)
+    }
+
+    @objc public func getPaymentOptions(
+        _ requestJson: String,
+        completion: @escaping (String?, Error?) -> Void
+    ) {
+        guard let client = client else {
+            completion(nil, NSError(domain: "RNWalletConnectPay", code: 1, userInfo: [NSLocalizedDescriptionKey: "Pay client not initialized"]))
+            return
+        }
+
+        Task {
+            do {
+                let result = try await client.getPaymentOptions(requestJson: requestJson)
+                completion(result, nil)
+            } catch {
+                completion(nil, error)
+            }
+        }
+    }
+
+    @objc public func getRequiredPaymentActions(
+        _ requestJson: String,
+        completion: @escaping (String?, Error?) -> Void
+    ) {
+        guard let client = client else {
+            completion(nil, NSError(domain: "RNWalletConnectPay", code: 1, userInfo: [NSLocalizedDescriptionKey: "Pay client not initialized"]))
+            return
+        }
+
+        Task {
+            do {
+                let result = try await client.getRequiredPaymentActions(requestJson: requestJson)
+                completion(result, nil)
+            } catch {
+                completion(nil, error)
+            }
+        }
+    }
+
+    @objc public func confirmPayment(
+        _ requestJson: String,
+        completion: @escaping (String?, Error?) -> Void
+    ) {
+        guard let client = client else {
+            completion(nil, NSError(domain: "RNWalletConnectPay", code: 1, userInfo: [NSLocalizedDescriptionKey: "Pay client not initialized"]))
+            return
+        }
+
+        Task {
+            do {
+                let result = try await client.confirmPayment(requestJson: requestJson)
+                completion(result, nil)
+            } catch {
+                completion(nil, error)
+            }
+        }
+    }
+}

package/module/NativeRNWalletConnectPay.ts

@@ -0,0 +1,56 @@
+import type { TurboModule } from "react-native";
+import { TurboModuleRegistry } from "react-native";
+
+/**
+ * TurboModule spec for WalletConnect Pay native module
+ *
+ * This module wraps the uniffi-generated WalletConnectPayJson Rust client
+ * and provides a JSON-based interface for payment operations.
+ */
+export interface Spec extends TurboModule {
+  /**
+   * Initialize the Pay client with SDK configuration
+   * @param configJson JSON string containing SDK config:
+   *   {
+   *     "baseUrl": string,
+   *     "projectId": string,
+   *     "apiKey": string,
+   *     "sdkName": string,
+   *     "sdkVersion": string,
+   *     "sdkPlatform": string,
+   *     "bundleId": string
+   *   }
+   */
+  initialize(configJson: string): void;
+
+  /**
+   * Get payment options for a payment link
+   * @param requestJson JSON string:
+   *   { "paymentLink": string, "accounts": string[], "includePaymentInfo"?: boolean }
+   * @returns Promise resolving to JSON string of PaymentOptionsResponse
+   */
+  getPaymentOptions(requestJson: string): Promise<string>;
+
+  /**
+   * Get required payment actions for a selected option
+   * @param requestJson JSON string:
+   *   { "paymentId": string, "optionId": string }
+   * @returns Promise resolving to JSON string array of Action
+   */
+  getRequiredPaymentActions(requestJson: string): Promise<string>;
+
+  /**
+   * Confirm a payment with signatures
+   * @param requestJson JSON string:
+   *   {
+   *     "paymentId": string,
+   *     "optionId": string,
+   *     "signatures": string[],
+   *     "collectedData"?: [{ "id": string, "value": string }]
+   *   }
+   * @returns Promise resolving to JSON string of ConfirmPaymentResponse
+   */
+  confirmPayment(requestJson: string): Promise<string>;
+}
+
+export default TurboModuleRegistry.get<Spec>("RNWalletConnectPay");

package/module/index.ts

@@ -6,12 +6,21 @@ const LINKING_ERROR =
   "- You rebuilt the app after installing the package\n" +
   "- If you are using Expo: install expo-application \n";
 
+const PAY_LINKING_ERROR =
+  `The RNWalletConnectPay module doesn't seem to be linked. Make sure: \n\n` +
+  "- You rebuilt the app after installing the package\n" +
+  "- The Yttrium native dependency is properly installed\n";
+
 const isTurboModuleEnabled = global.__turboModuleProxy != null;
 
 const RNWalletConnectModule = isTurboModuleEnabled
   ? require("../module/NativeRNWalletConnectModule.ts").default
   : NativeModules.RNWalletConnectModule;
 
+const RNWalletConnectPay = isTurboModuleEnabled
+  ? require("../module/NativeRNWalletConnectPay.ts").default
+  : NativeModules.RNWalletConnectPay;
+
 function getExpoModule(): any | undefined {
   try {
     const ExpoApplication = require("expo-application");
@@ -45,3 +54,36 @@ export function getApplicationModule(): any | undefined {
     }
   }
 }
+
+/**
+ * Get the WalletConnect Pay native module
+ * @returns The RNWalletConnectPay native module or undefined if not available
+ */
+export function getPayModule(): any | undefined {
+  try {
+    if (!RNWalletConnectPay) throw new Error();
+    return RNWalletConnectPay;
+  } catch {
+    return undefined;
+  }
+}
+
+/**
+ * Check if the Pay native module is available
+ * @returns true if the Pay module is linked and available
+ */
+export function isPayModuleAvailable(): boolean {
+  return RNWalletConnectPay != null;
+}
+
+/**
+ * Get the WalletConnect Pay native module or throw if not available
+ * @throws Error if the Pay module is not linked
+ * @returns The RNWalletConnectPay native module
+ */
+export function requirePayModule(): any {
+  if (!RNWalletConnectPay) {
+    throw new Error(PAY_LINKING_ERROR);
+  }
+  return RNWalletConnectPay;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@walletconnect/react-native-compat",
-  "description": "Shims for WalletConnect Protocol in React Native Projects",
-  "version": "2.23.2",
+  "description": "Native modules and shims for WalletConnect Protocol in React Native Projects",
+  "version": "2.23.3",
   "author": "WalletConnect, Inc. <walletconnect.com>",
   "homepage": "https://github.com/walletconnect/walletconnect-monorepo/",
   "license": "SEE LICENSE IN LICENSE.md",

package/react-native-compat.podspec

@@ -11,10 +11,14 @@ Pod::Spec.new do |s|
   s.license      = package["license"]
   s.authors      = package["author"]
 
-  s.platforms    = { :ios => "11.0", :visionos => "1.0" }
+  s.platforms    = { :ios => "13.0", :visionos => "1.0" }
   s.source       = { :git => "https://github.com/walletconnect/walletconnect-monorepo.git", :tag => "#{s.version}" }
 
-  s.source_files = "ios/**/*.{h,m,mm}"
+  s.source_files = "ios/**/*.{h,m,mm,swift}"
+  s.swift_version = "5.0"
+
+  # Yttrium - WalletConnect Pay uniffi bindings
+  s.dependency "YttriumWrapper", "0.10.0"
 
   # 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.