Mobile SDKs

# Swift Package Manager — add the package URL in Xcode, or:
# https://github.com/vinr/vinr-ios

# CocoaPods
pod 'VinrPayments', '~> 3.0'

# build.gradle (app module)
dependencies {
  implementation 'com.vinr:payments:3.0.0'
}

npm install @vinr/react-native
cd ios && pod install

import VinrPayments

Vinr.publishableKey = "pk_live_123"

// 1. Fetch clientSecret from your backend, then configure the sheet.
var config = PaymentSheet.Configuration()
config.merchantDisplayName = "Acme Store"
config.applePay = .init(merchantId: "merchant.com.acme", merchantCountryCode: "DE")

let sheet = PaymentSheet(clientSecret: clientSecret, configuration: config)
sheet.present(from: self) { result in
  switch result {
  case .completed: print("paid")
  case .canceled:  print("canceled")
  case .failed(let error): print(error.localizedDescription)
  }
}

import com.vinr.payments.PaymentSheet

val paymentSheet = PaymentSheet(this) { result ->
  when (result) {
    is PaymentSheetResult.Completed -> Log.d("vinr", "paid")
    is PaymentSheetResult.Canceled  -> Log.d("vinr", "canceled")
    is PaymentSheetResult.Failed    -> Log.e("vinr", result.error.message ?: "error")
  }
}

// After fetching clientSecret from your backend:
paymentSheet.present(
  clientSecret = clientSecret,
  configuration = PaymentSheet.Configuration(
    merchantDisplayName = "Acme Store",
    googlePay = PaymentSheet.GooglePayConfiguration(countryCode = "DE", currencyCode = "EUR"),
  ),
)

import { initPaymentSheet, presentPaymentSheet } from '@vinr/react-native';

const { clientSecret } = await fetch('/api/payment-sheet', { method: 'POST' })
  .then((r) => r.json());

const init = await initPaymentSheet({
  clientSecret,
  merchantDisplayName: 'Acme Store',
  applePay: { merchantCountryCode: 'DE' },
  googlePay: { merchantCountryCode: 'DE', currencyCode: 'EUR' },
});
if (init.error) throw init.error;

const { error } = await presentPaymentSheet();
if (error && error.code !== 'Canceled') {
  console.error(error.message);
}