framepayments-react-native 2.0.0 → 2.0.2

package/ios/ApplePayPresenter.swift

@@ -0,0 +1,155 @@
+//
+//  ApplePayPresenter.swift
+//  FrameReactNative
+//
+//  Programmatic Apple Pay presentation for Frame.presentApplePay(). Wraps
+//  PKPaymentAuthorizationController + ApplePayAPI + ChargeIntentsAPI directly
+//  so we can detect the user-cancel path (PKPaymentAuthorizationController's
+//  didFinish fires for both success and cancel; the underlying SDK's view
+//  model only delivers success, so we re-implement that flow here).
+//
+
+import Foundation
+import PassKit
+import Frame
+
+@MainActor
+final class ApplePayPresenter: NSObject, PKPaymentAuthorizationControllerDelegate {
+
+  private let amount: Int
+  private let currency: String
+  private let owner: FrameApplePayViewModel.PaymentMethodOwner
+  private let merchantId: String
+  private let resolve: (Any?) -> Void
+  private let reject: (String, String, Error?) -> Void
+
+  // Set to true once we've delivered a definitive result (success or backend
+  // failure). When didFinish fires without this set, treat as user cancel.
+  private var didDeliverResult = false
+
+  // Strong self-retain across the async PassKit flow. Released on didFinish.
+  private var retainCycle: ApplePayPresenter?
+
+  private static let supportedNetworks: [PKPaymentNetwork] = [
+    .visa, .masterCard, .amex, .discover, .JCB
+  ]
+
+  init(amount: Int,
+       currency: String,
+       owner: FrameApplePayViewModel.PaymentMethodOwner,
+       merchantId: String,
+       resolve: @escaping (Any?) -> Void,
+       reject: @escaping (String, String, Error?) -> Void) {
+    self.amount = amount
+    self.currency = currency
+    self.owner = owner
+    self.merchantId = merchantId
+    self.resolve = resolve
+    self.reject = reject
+  }
+
+  static func canMakePayments() -> Bool {
+    PKPaymentAuthorizationController.canMakePayments(usingNetworks: supportedNetworks)
+  }
+
+  func present() {
+    let request = PKPaymentRequest()
+    request.merchantIdentifier = merchantId
+    request.supportedNetworks = Self.supportedNetworks
+    request.merchantCapabilities = .threeDSecure
+    request.countryCode = "US"
+    request.currencyCode = currency.uppercased()
+    request.requiredBillingContactFields = [.postalAddress, .name, .emailAddress]
+    request.paymentSummaryItems = [
+      PKPaymentSummaryItem(
+        label: "Total",
+        amount: NSDecimalNumber(value: Double(amount) / 100.0)
+      )
+    ]
+
+    let controller = PKPaymentAuthorizationController(paymentRequest: request)
+    controller.delegate = self
+    retainCycle = self
+    Task { await controller.present() }
+  }
+
+  // MARK: - PKPaymentAuthorizationControllerDelegate
+
+  func paymentAuthorizationController(
+    _ controller: PKPaymentAuthorizationController,
+    didAuthorizePayment payment: PKPayment
+  ) async -> PKPaymentAuthorizationResult {
+    do {
+      let (paymentMethod, methodError): (FrameObjects.PaymentMethod?, NetworkingError?)
+      switch owner {
+      case .customer(let customerId):
+        (paymentMethod, methodError) = try await ApplePayAPI.createPaymentMethodWithCustomerId(
+          from: payment, customerId: customerId
+        )
+      case .account(let accountId):
+        (paymentMethod, methodError) = try await ApplePayAPI.createPaymentMethodWithAccountId(
+          from: payment, accountId: accountId
+        )
+      }
+
+      guard let paymentMethodId = paymentMethod?.id else {
+        deliverFailure(code: "PAYMENT_METHOD_FAILED", error: methodError)
+        return PKPaymentAuthorizationResult(status: .failure, errors: nil)
+      }
+
+      let request: ChargeIntentsRequests.CreateChargeIntentRequest
+      switch owner {
+      case .customer(let customerId):
+        request = ChargeIntentsRequests.CreateChargeIntentRequest(
+          amount: amount, currency: currency, customer: customerId,
+          paymentMethod: paymentMethodId, confirm: true, authorizationMode: .automatic
+        )
+      case .account(let accountId):
+        request = ChargeIntentsRequests.CreateChargeIntentRequest(
+          amount: amount, currency: currency, account: accountId,
+          paymentMethod: paymentMethodId, confirm: true, authorizationMode: .automatic
+        )
+      }
+      let (chargeIntent, chargeError) = try await ChargeIntentsAPI.createChargeIntent(request: request)
+
+      if let chargeIntent {
+        deliverSuccess(chargeIntent)
+        return PKPaymentAuthorizationResult(status: .success, errors: nil)
+      } else {
+        deliverFailure(code: "CHARGE_INTENT_FAILED", error: chargeError)
+        return PKPaymentAuthorizationResult(status: .failure, errors: nil)
+      }
+    } catch {
+      deliverFailure(code: "PAYMENT_FAILED", error: error)
+      return PKPaymentAuthorizationResult(status: .failure, errors: nil)
+    }
+  }
+
+  func paymentAuthorizationControllerDidFinish(_ controller: PKPaymentAuthorizationController) {
+    controller.dismiss()
+    if !didDeliverResult {
+      reject("USER_CANCELED", "User dismissed Apple Pay sheet without authorizing", nil)
+      didDeliverResult = true
+    }
+    retainCycle = nil
+  }
+
+  // MARK: - Result delivery
+
+  private func deliverSuccess(_ intent: FrameObjects.ChargeIntent) {
+    guard !didDeliverResult else { return }
+    didDeliverResult = true
+    if let dict = FrameSDKBridge.encodeChargeIntent(intent) {
+      resolve(dict)
+    } else {
+      reject("ENCODE_ERROR", "Failed to encode charge intent", nil)
+    }
+  }
+
+  private func deliverFailure(code: String, error: Error?) {
+    guard !didDeliverResult else { return }
+    didDeliverResult = true
+    let message = error?.localizedDescription ?? "Apple Pay failed"
+    reject(code, message, error)
+  }
+}

package/ios/FrameSDKBridge.m

@@ -25,7 +25,8 @@
 
 @interface RCT_EXTERN_MODULE(FrameSDK, FrameSDKModule)
 
-RCT_EXTERN_METHOD(initialize:(NSString *)apiKey
+RCT_EXTERN_METHOD(initialize:(NSString *)secretKey
+                  publishableKey:(NSString *)publishableKey
                   debugMode:(BOOL)debugMode
                   resolver:(RCTPromiseResolveBlock)resolve
                   rejecter:(RCTPromiseRejectBlock)reject)
@@ -46,6 +47,14 @@ RCT_EXTERN_METHOD(presentOnboarding:(id)accountId
                   resolver:(RCTPromiseResolveBlock)resolve
                   rejecter:(RCTPromiseRejectBlock)reject)
 
+RCT_EXTERN_METHOD(presentApplePay:(NSString *)ownerType
+                  ownerId:(NSString *)ownerId
+                  amount:(nonnull NSNumber *)amount
+                  currency:(NSString *)currency
+                  merchantId:(NSString *)merchantId
+                  resolver:(RCTPromiseResolveBlock)resolve
+                  rejecter:(RCTPromiseRejectBlock)reject)
+
 @end
 
 @implementation FrameSDK
@@ -57,8 +66,8 @@ RCT_EXTERN_METHOD(presentOnboarding:(id)accountId
   return YES;
 }
 
-- (void)initialize:(NSString *)apiKey debugMode:(BOOL)debugMode resolver:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject {
-  [[[ObjCFrameSDKBridge alloc] init] initialize:apiKey debugMode:debugMode resolver:resolve rejecter:reject];
+- (void)initialize:(NSString *)secretKey publishableKey:(NSString *)publishableKey debugMode:(BOOL)debugMode resolver:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject {
+  [[[ObjCFrameSDKBridge alloc] init] initialize:secretKey publishableKey:publishableKey debugMode:debugMode resolver:resolve rejecter:reject];
 }
 
 - (void)presentCheckout:(id)customerId amount:(NSNumber *)amount resolver:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject {
@@ -95,4 +104,8 @@ RCT_EXTERN_METHOD(presentOnboarding:(id)accountId
   });
 }
 
+- (void)presentApplePay:(NSString *)ownerType ownerId:(NSString *)ownerId amount:(NSNumber *)amount currency:(NSString *)currency merchantId:(NSString *)merchantId resolver:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject {
+  [[[ObjCFrameSDKBridge alloc] init] presentApplePay:ownerType ownerId:ownerId amount:amount.intValue currency:currency merchantId:merchantId resolver:resolve rejecter:reject];
+}
+
 @end

package/ios/FrameSDKBridge.swift

@@ -20,9 +20,9 @@ public class FrameSDKBridge: NSObject {
   }
 
   @objc public
-  func initialize(_ apiKey: String, debugMode: Bool, resolver resolve: @escaping RCTPromiseResolveBlock, rejecter reject: @escaping RCTPromiseRejectBlock) {
+  func initialize(_ secretKey: String, publishableKey: String, debugMode: Bool, resolver resolve: @escaping RCTPromiseResolveBlock, rejecter reject: @escaping RCTPromiseRejectBlock) {
     DispatchQueue.main.async {
-      FrameNetworking.shared.initializeWithAPIKey(apiKey, debugMode: debugMode)
+      FrameNetworking.shared.initializeWithAPIKey(secretKey, publishableKey: publishableKey, debugMode: debugMode)
       resolve(nil)
     }
   }
@@ -48,6 +48,50 @@ public class FrameSDKBridge: NSObject {
     presentOnboardingOnMain(from: viewController, accountId: accountIdString, capabilities: parsedCapabilities, resolve: resolve, reject: reject)
   }
 
+  @objc public
+  func presentApplePay(_ ownerType: String, ownerId: String, amount: Int, currency: String, merchantId: String, resolver resolve: @escaping RCTPromiseResolveBlock, rejecter reject: @escaping RCTPromiseRejectBlock) {
+    DispatchQueue.main.async {
+      Task { @MainActor in
+        let owner: FrameApplePayViewModel.PaymentMethodOwner
+        switch ownerType {
+        case "customer": owner = .customer(ownerId)
+        case "account": owner = .account(ownerId)
+        default:
+          reject("INVALID_OWNER", "owner.type must be 'customer' or 'account'", nil)
+          return
+        }
+        guard !ownerId.isEmpty else {
+          reject("INVALID_OWNER", "owner.id must be non-empty", nil)
+          return
+        }
+        guard !merchantId.isEmpty else {
+          reject("INVALID_MERCHANT_ID", "merchantId must be non-empty", nil)
+          return
+        }
+        guard ApplePayPresenter.canMakePayments() else {
+          reject("APPLE_PAY_UNAVAILABLE", "This device cannot make Apple Pay payments", nil)
+          return
+        }
+        guard DeviceAttestationManager.shared.isDeviceAttested else {
+          // Kick off attestation asynchronously so the next attempt has a chance to succeed.
+          Task { try? await DeviceAttestationManager.shared.attestDevice() }
+          reject("NOT_ATTESTED", "Device attestation has not completed yet. Please try again.", nil)
+          return
+        }
+
+        let presenter = ApplePayPresenter(
+          amount: amount,
+          currency: currency,
+          owner: owner,
+          merchantId: merchantId,
+          resolve: { resolve($0) },
+          reject: { code, message, error in reject(code, message, error) }
+        )
+        presenter.present()
+      }
+    }
+  }
+
   // MARK: - Private helpers
 
   private func presentCheckoutOnMain(from top: UIViewController, customerId: String?, amount: Int, resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) {
@@ -81,7 +125,7 @@ public class FrameSDKBridge: NSObject {
     }
   }
 
-  private static func encodeChargeIntent(_ intent: FrameObjects.ChargeIntent) -> [String: Any]? {
+  internal static func encodeChargeIntent(_ intent: FrameObjects.ChargeIntent) -> [String: Any]? {
     guard let data = try? JSONEncoder().encode(intent) else { return nil }
     return try? JSONSerialization.jsonObject(with: data) as? [String: Any]
   }
@@ -136,21 +180,24 @@ public class FrameSDKBridge: NSObject {
   }
 
   private func presentOnboardingOnMain(from top: UIViewController, accountId: String?, capabilities: [FrameObjects.Capabilities], resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) {
-    let hosting = OnboardingHostingController(
+    var hosting: OnboardingHostingController<OnboardingContainerView>!
+    var delegate: OnboardingDismissDelegate!
+    hosting = OnboardingHostingController(
       rootView: OnboardingContainerView(
         accountId: accountId,
-        requiredCapabilities: capabilities
+        requiredCapabilities: capabilities,
+        onComplete: { [weak top] in
+          delegate?.finish(completed: true)
+          top?.dismiss(animated: true)
+        }
       )
     )
     hosting.modalPresentationStyle = UIModalPresentationStyle.pageSheet
     if let sheet = hosting.sheetPresentationController {
       sheet.detents = [UISheetPresentationController.Detent.large()]
     }
-    let delegate = OnboardingDismissDelegate(hosting: hosting, resolve: resolve)
+    delegate = OnboardingDismissDelegate(resolve: resolve)
     objc_setAssociatedObject(hosting, &onboardingDismissKey, delegate, .OBJC_ASSOCIATION_RETAIN)
-    hosting.onProgrammaticDismiss = { [weak delegate] in
-      delegate?.finish(completed: true)
-    }
     top.present(hosting, animated: true) {
       hosting.presentationController?.delegate = delegate
     }
@@ -158,11 +205,6 @@ public class FrameSDKBridge: NSObject {
 }
 
 // MARK: - CheckoutHostingController
-// Intercepts both dismiss paths for FrameCheckoutView:
-//   1. Programmatic: SwiftUI's @Environment(\.dismiss) routes through override dismiss().
-//   2. Swipe-to-dismiss: UIAdaptivePresentationControllerDelegate.presentationControllerDidDismiss fires.
-// In both cases, if the checkout callback hasn't fired, we reject the promise.
-// onCancel is guarded by `cancelled` so it only fires once regardless of dismiss path.
 
 private final class CheckoutHostingController: UIHostingController<FrameCheckoutView>, UIAdaptivePresentationControllerDelegate {
   var didComplete = false
@@ -175,9 +217,9 @@ private final class CheckoutHostingController: UIHostingController<FrameCheckout
     onCancel?()
   }
 
-  override func dismiss(animated flag: Bool, completion: (() -> Void)? = nil) {
+  override func viewDidDisappear(_ animated: Bool) {
+    super.viewDidDisappear(animated)
     cancel()
-    super.dismiss(animated: flag, completion: completion)
   }
 
   func presentationControllerDidDismiss(_ presentationController: UIPresentationController) {
@@ -186,22 +228,8 @@ private final class CheckoutHostingController: UIHostingController<FrameCheckout
 }
 
 // MARK: - OnboardingHostingController
-// Subclass UIHostingController to intercept programmatic dismiss() calls from OnboardingContainerView.
-// When SwiftUI calls @Environment(\.dismiss), it routes through UIHostingController.dismiss(animated:).
-// We override this to set programmaticDismiss = true before forwarding.
-
-private final class OnboardingHostingController<V: View>: UIHostingController<V> {
-  var programmaticDismiss = false
-  var onProgrammaticDismiss: (() -> Void)?
 
-  override func dismiss(animated flag: Bool, completion: (() -> Void)? = nil) {
-    programmaticDismiss = true
-    super.dismiss(animated: flag, completion: { [weak self] in
-      self?.onProgrammaticDismiss?()
-      completion?()
-    })
-  }
-}
+private final class OnboardingHostingController<V: View>: UIHostingController<V> {}
 
 // MARK: - Delegates
 
@@ -219,7 +247,7 @@ private final class OnboardingDismissDelegate: NSObject, UIAdaptivePresentationC
   let resolve: RCTPromiseResolveBlock
   var didFinish = false
 
-  init(hosting: OnboardingHostingController<OnboardingContainerView>, resolve: @escaping RCTPromiseResolveBlock) {
+  init(resolve: @escaping RCTPromiseResolveBlock) {
     self.resolve = resolve
   }
 

package/lib/components/FrameApplePayButton.d.ts

@@ -0,0 +1,30 @@
+/**
+ * <FrameApplePayButton /> — iOS-only React Native view that wraps Frame iOS SDK's
+ * native FrameApplePayButton (PassKit + automatic device attestation).
+ *
+ * On non-iOS platforms this component renders nothing, so consumers can place it
+ * unconditionally in their JSX.
+ */
+import * as React from 'react';
+import { type NativeSyntheticEvent, type ViewProps } from 'react-native';
+import type { ApplePayButtonStyle, ApplePayButtonType, ApplePayOwner, FrameApplePayResultEvent } from '../types';
+export interface FrameApplePayButtonProps extends ViewProps {
+    /** Payment amount in cents. */
+    amount: number;
+    /** ISO 4217 currency code. Defaults to 'usd'. */
+    currency?: string;
+    /** Customer or account that owns the resulting payment method. */
+    owner: ApplePayOwner;
+    /** Apple Pay merchant ID configured in your Apple Developer account. */
+    merchantId: string;
+    /** When true, the button renders a "Or" divider beneath itself for inline checkout layouts. */
+    addCheckoutDivider?: boolean;
+    /** PassKit button type. Defaults to 'buy'. */
+    buttonType?: ApplePayButtonType;
+    /** PassKit button style. Defaults to 'black'. */
+    buttonStyle?: ApplePayButtonStyle;
+    /** Fired when payment completes, fails, or the button reports an error. */
+    onResult: (event: NativeSyntheticEvent<FrameApplePayResultEvent>) => void;
+}
+export declare const FrameApplePayButton: React.FC<FrameApplePayButtonProps>;
+//# sourceMappingURL=FrameApplePayButton.d.ts.map

package/lib/components/FrameApplePayButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrameApplePayButton.d.ts","sourceRoot":"","sources":["../../src/components/FrameApplePayButton.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EACV,mBAAmB,EACnB,kBAAkB,EAClB,aAAa,EACb,wBAAwB,EACzB,MAAM,UAAU,CAAC;AAElB,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD,+BAA+B;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kEAAkE;IAClE,KAAK,EAAE,aAAa,CAAC;IACrB,wEAAwE;IACxE,UAAU,EAAE,MAAM,CAAC;IACnB,+FAA+F;IAC/F,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,8CAA8C;IAC9C,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,iDAAiD;IACjD,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,2EAA2E;IAC3E,QAAQ,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,wBAAwB,CAAC,KAAK,IAAI,CAAC;CAC3E;AA+BD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAclE,CAAC"}

package/lib/components/FrameApplePayButton.js

@@ -0,0 +1,42 @@
+/**
+ * <FrameApplePayButton /> — iOS-only React Native view that wraps Frame iOS SDK's
+ * native FrameApplePayButton (PassKit + automatic device attestation).
+ *
+ * On non-iOS platforms this component renders nothing, so consumers can place it
+ * unconditionally in their JSX.
+ */
+import * as React from 'react';
+import { Platform, StyleSheet, requireNativeComponent, } from 'react-native';
+const NativeFrameApplePayButton = Platform.OS === 'ios'
+    ? requireNativeComponent('FrameApplePayButtonView')
+    : null;
+let warnedAboutOwner = false;
+function warnIfBadOwner(owner) {
+    if (!owner ||
+        (owner.type !== 'customer' && owner.type !== 'account') ||
+        typeof owner.id !== 'string' ||
+        owner.id.length === 0) {
+        if (!warnedAboutOwner) {
+            warnedAboutOwner = true;
+            // eslint-disable-next-line no-console
+            console.warn('[FrameApplePayButton] `owner` must be { type: "customer" | "account", id: string }. The button will not render until a valid owner is provided.');
+        }
+        return false;
+    }
+    return true;
+}
+export const FrameApplePayButton = (props) => {
+    if (Platform.OS !== 'ios' || NativeFrameApplePayButton === null) {
+        return null;
+    }
+    if (!warnIfBadOwner(props.owner)) {
+        return null;
+    }
+    const { style, ...rest } = props;
+    return (<NativeFrameApplePayButton {...rest} style={[styles.button, style]}/>);
+};
+const styles = StyleSheet.create({
+    button: {
+        height: 50,
+    },
+});

package/lib/components/FrameGooglePayButton.d.ts

@@ -0,0 +1,28 @@
+/**
+ * <FrameGooglePayButton /> — Android-only React Native view that wraps Frame Android SDK's
+ * native FrameGooglePayButton (Google Pay PaymentsClient + readiness check).
+ *
+ * On non-Android platforms this component renders nothing, so consumers can place it
+ * unconditionally in their JSX.
+ */
+import * as React from 'react';
+import { type NativeSyntheticEvent, type ViewProps } from 'react-native';
+import type { FrameGooglePayResultEvent } from '../types';
+export interface FrameGooglePayButtonProps extends ViewProps {
+    /** Payment amount in cents. */
+    amountCents: number;
+    /** Optional Frame customer ID to associate the resulting payment method with. */
+    customerId?: string;
+    /** ISO 4217 currency code. Defaults to 'USD'. */
+    currencyCode?: string;
+    /** Optional override for the Google Pay merchant ID. */
+    googlePayMerchantId?: string;
+    /** Fired when payment completes, fails, or the user cancels the Google Pay sheet. */
+    onResult: (event: NativeSyntheticEvent<FrameGooglePayResultEvent>) => void;
+    /** Fired when Google Pay readiness changes (button shows/hides itself accordingly). */
+    onReadinessChanged?: (event: NativeSyntheticEvent<{
+        isReady: boolean;
+    }>) => void;
+}
+export declare const FrameGooglePayButton: React.FC<FrameGooglePayButtonProps>;
+//# sourceMappingURL=FrameGooglePayButton.d.ts.map

package/lib/components/FrameGooglePayButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrameGooglePayButton.d.ts","sourceRoot":"","sources":["../../src/components/FrameGooglePayButton.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAE1D,MAAM,WAAW,yBAA0B,SAAQ,SAAS;IAC1D,+BAA+B;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,iFAAiF;IACjF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wDAAwD;IACxD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,qFAAqF;IACrF,QAAQ,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,yBAAyB,CAAC,KAAK,IAAI,CAAC;IAC3E,uFAAuF;IACvF,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;CAClF;AAOD,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAWpE,CAAC"}

package/lib/components/FrameGooglePayButton.js

@@ -0,0 +1,24 @@
+/**
+ * <FrameGooglePayButton /> — Android-only React Native view that wraps Frame Android SDK's
+ * native FrameGooglePayButton (Google Pay PaymentsClient + readiness check).
+ *
+ * On non-Android platforms this component renders nothing, so consumers can place it
+ * unconditionally in their JSX.
+ */
+import * as React from 'react';
+import { Platform, StyleSheet, requireNativeComponent, } from 'react-native';
+const NativeFrameGooglePayButton = Platform.OS === 'android'
+    ? requireNativeComponent('FrameGooglePayButtonView')
+    : null;
+export const FrameGooglePayButton = (props) => {
+    if (Platform.OS !== 'android' || NativeFrameGooglePayButton === null) {
+        return null;
+    }
+    const { style, ...rest } = props;
+    return (<NativeFrameGooglePayButton {...rest} style={[styles.button, style]}/>);
+};
+const styles = StyleSheet.create({
+    button: {
+        height: 48,
+    },
+});

package/lib/components/index.d.ts

@@ -0,0 +1,5 @@
+export { FrameApplePayButton } from './FrameApplePayButton';
+export type { FrameApplePayButtonProps } from './FrameApplePayButton';
+export { FrameGooglePayButton } from './FrameGooglePayButton';
+export type { FrameGooglePayButtonProps } from './FrameGooglePayButton';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC"}

package/lib/components/index.js

@@ -0,0 +1,2 @@
+export { FrameApplePayButton } from './FrameApplePayButton';
+export { FrameGooglePayButton } from './FrameGooglePayButton';

package/lib/index.d.ts

@@ -4,19 +4,22 @@
  * React Native SDK for Frame Payments.
  * - Initialize the SDK, then use presentCheckout / presentCart for payment UI.
  * - Use presentOnboarding for KYC, identity verification, and payment method onboarding flows.
+ * - Use presentApplePay / presentGooglePay to launch the platform wallet sheet from your own button UI.
  * - For API calls (customers, charge intents, refunds), use the framepayments (frame-node) package from JS.
  */
-import { initialize, presentCheckout, presentCart, presentOnboarding } from './native';
-export { initialize, presentCheckout, presentCart, presentOnboarding } from './native';
-export type { FrameCartItem, ChargeIntent, ChargeIntentStatus, AuthorizationMode, FrameError, BillingAddress, PaymentCard, BankAccount, PaymentMethod, OnboardingCapability, OnboardingResult, OnboardingResultStatus, } from './types';
+import { initialize, presentCheckout, presentCart, presentOnboarding, presentApplePay, presentGooglePay } from './native';
+export { initialize, presentCheckout, presentCart, presentOnboarding, presentApplePay, presentGooglePay, } from './native';
+export type { FrameCartItem, ChargeIntent, ChargeIntentStatus, AuthorizationMode, FrameError, BillingAddress, PaymentCard, BankAccount, PaymentMethod, OnboardingCapability, OnboardingResult, OnboardingResultStatus, ApplePayOwner, PresentApplePayOptions, PresentGooglePayOptions, } from './types';
 export { ErrorCodes } from './errors';
 export type { FrameErrorShape, FrameErrorCode } from './errors';
-/** Default export for Frame.initialize(), Frame.presentCheckout(), Frame.presentCart(), Frame.presentOnboarding() */
+/** Default export for Frame.initialize(), Frame.presentCheckout(), Frame.presentCart(), Frame.presentOnboarding(), Frame.presentApplePay(), Frame.presentGooglePay() */
 declare const _default: {
     initialize: typeof initialize;
     presentCheckout: typeof presentCheckout;
     presentCart: typeof presentCart;
     presentOnboarding: typeof presentOnboarding;
+    presentApplePay: typeof presentApplePay;
+    presentGooglePay: typeof presentGooglePay;
 };
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAEvF,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AACvF,YAAY,EACV,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EACjB,UAAU,EACV,cAAc,EACd,WAAW,EACX,WAAW,EACX,aAAa,EACb,oBAAoB,EACpB,gBAAgB,EAChB,sBAAsB,GACvB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAEhE,qHAAqH;;;;;;;AACrH,wBAA+E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EACL,UAAU,EACV,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EACjB,MAAM,UAAU,CAAC;AAElB,OAAO,EACL,UAAU,EACV,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,gBAAgB,GACjB,MAAM,UAAU,CAAC;AAClB,YAAY,EACV,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EACjB,UAAU,EACV,cAAc,EACd,WAAW,EACX,WAAW,EACX,aAAa,EACb,oBAAoB,EACpB,gBAAgB,EAChB,sBAAsB,EACtB,aAAa,EACb,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAEhE,wKAAwK;;;;;;;;;AACxK,wBAOE"}

package/lib/index.js

@@ -4,10 +4,18 @@
  * React Native SDK for Frame Payments.
  * - Initialize the SDK, then use presentCheckout / presentCart for payment UI.
  * - Use presentOnboarding for KYC, identity verification, and payment method onboarding flows.
+ * - Use presentApplePay / presentGooglePay to launch the platform wallet sheet from your own button UI.
  * - For API calls (customers, charge intents, refunds), use the framepayments (frame-node) package from JS.
  */
-import { initialize, presentCheckout, presentCart, presentOnboarding } from './native';
-export { initialize, presentCheckout, presentCart, presentOnboarding } from './native';
+import { initialize, presentCheckout, presentCart, presentOnboarding, presentApplePay, presentGooglePay, } from './native';
+export { initialize, presentCheckout, presentCart, presentOnboarding, presentApplePay, presentGooglePay, } from './native';
 export { ErrorCodes } from './errors';
-/** Default export for Frame.initialize(), Frame.presentCheckout(), Frame.presentCart(), Frame.presentOnboarding() */
-export default { initialize, presentCheckout, presentCart, presentOnboarding };
+/** Default export for Frame.initialize(), Frame.presentCheckout(), Frame.presentCart(), Frame.presentOnboarding(), Frame.presentApplePay(), Frame.presentGooglePay() */
+export default {
+    initialize,
+    presentCheckout,
+    presentCart,
+    presentOnboarding,
+    presentApplePay,
+    presentGooglePay,
+};

package/lib/native.d.ts

@@ -1,9 +1,10 @@
 /**
  * Native module bridge. Uses NativeModules for classic React Native bridge.
  */
-import type { ChargeIntent, FrameCartItem, OnboardingCapability, OnboardingResult } from './types';
+import type { ChargeIntent, FrameCartItem, OnboardingCapability, OnboardingResult, PresentApplePayOptions, PresentGooglePayOptions } from './types';
 export declare function initialize(options: {
-    apiKey: string;
+    secretKey: string;
+    publishableKey: string;
     debugMode?: boolean;
 }): Promise<void>;
 export declare function presentCheckout(options: {
@@ -19,4 +20,6 @@ export declare function presentOnboarding(options: {
     accountId?: string | null;
     capabilities?: OnboardingCapability[];
 }): Promise<OnboardingResult>;
+export declare function presentApplePay(options: PresentApplePayOptions): Promise<ChargeIntent>;
+export declare function presentGooglePay(options: PresentGooglePayOptions): Promise<ChargeIntent>;
 //# sourceMappingURL=native.d.ts.map

package/lib/native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"native.d.ts","sourceRoot":"","sources":["../src/native.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAmBnG,wBAAgB,UAAU,CAAC,OAAO,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAS1F;AAwBD,wBAAgB,eAAe,CAAC,OAAO,EAAE;IACvC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;CAChB,GAAG,OAAO,CAAC,YAAY,CAAC,CAKxB;AAED,wBAAgB,WAAW,CAAC,OAAO,EAAE;IACnC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,qBAAqB,EAAE,MAAM,CAAC;CAC/B,GAAG,OAAO,CAAC,YAAY,CAAC,CASxB;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE;IACzC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,oBAAoB,EAAE,CAAC;CACvC,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAQ5B"}
+{"version":3,"file":"native.d.ts","sourceRoot":"","sources":["../src/native.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EACV,YAAY,EACZ,aAAa,EACb,oBAAoB,EACpB,gBAAgB,EAChB,sBAAsB,EACtB,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAmBjB,wBAAgB,UAAU,CAAC,OAAO,EAAE;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,OAAO,CAAC,IAAI,CAAC,CAgBhB;AAwBD,wBAAgB,eAAe,CAAC,OAAO,EAAE;IACvC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;CAChB,GAAG,OAAO,CAAC,YAAY,CAAC,CAKxB;AAED,wBAAgB,WAAW,CAAC,OAAO,EAAE;IACnC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,qBAAqB,EAAE,MAAM,CAAC;CAC/B,GAAG,OAAO,CAAC,YAAY,CAAC,CASxB;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE;IACzC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,oBAAoB,EAAE,CAAC;CACvC,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAQ5B;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,sBAAsB,GAAG,OAAO,CAAC,YAAY,CAAC,CAoBtF;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,uBAAuB,GAAG,OAAO,CAAC,YAAY,CAAC,CAUxF"}

package/lib/native.js

@@ -13,10 +13,13 @@ const FrameSDK = NativeModules.FrameSDK
     });
 let isInitialized = false;
 export function initialize(options) {
-    if (!options?.apiKey) {
-        throw new Error('Frame.initialize requires apiKey');
+    if (!options?.secretKey) {
+        throw new Error('Frame.initialize requires secretKey');
     }
-    return wrapPromise(FrameSDK.initialize(options.apiKey, options.debugMode ?? false)).then(() => {
+    if (!options?.publishableKey) {
+        throw new Error('Frame.initialize requires publishableKey');
+    }
+    return wrapPromise(FrameSDK.initialize(options.secretKey, options.publishableKey, options.debugMode ?? false)).then(() => {
         isInitialized = true;
     });
 }
@@ -52,3 +55,20 @@ export function presentOnboarding(options) {
     guardInitialized();
     return wrapPromise(FrameSDK.presentOnboarding(options.accountId ?? null, options.capabilities ?? []));
 }
+export function presentApplePay(options) {
+    guardInitialized();
+    if (!options?.owner || (options.owner.type !== 'customer' && options.owner.type !== 'account')) {
+        throw new Error('Frame.presentApplePay requires owner: { type: "customer" | "account", id: string }');
+    }
+    if (!options.owner.id) {
+        throw new Error('Frame.presentApplePay requires owner.id');
+    }
+    if (!options.merchantId) {
+        throw new Error('Frame.presentApplePay requires merchantId');
+    }
+    return wrapPromise(FrameSDK.presentApplePay(options.owner.type, options.owner.id, options.amount, options.currency ?? 'usd', options.merchantId));
+}
+export function presentGooglePay(options) {
+    guardInitialized();
+    return wrapPromise(FrameSDK.presentGooglePay(options.amountCents, options.customerId ?? null, options.currencyCode ?? 'USD', options.googlePayMerchantId ?? null));
+}