React Native SDK

import { WaffyPaymentWebView, WaffyPaymentStatus } from '@waffyapp/waffy-sdk-reactnative';
import { Alert } from 'react-native';

function PaymentScreen() {
  const paymentUrl =
    'https://app.waffyapp.com/external/contract-id?client_id=123';
  // Request the ticket from your backend right before opening checkout
  const ticket = 'your-payment-ticket-here';

  const handleWebViewError = (error) => {
    console.error('Payment error:', error);
  };

  const handleUrlChange = (url) => {
    console.log('URL changed:', url);
  };

  const handlePaymentComplete = (status, message) => {
    if (status === WaffyPaymentStatus.SUCCESS) {
      Alert.alert('Success', message);
    } else if (status === WaffyPaymentStatus.FAILED) {
      Alert.alert('Failed', message);
    }
  };

  return (
    <WaffyPaymentWebView
      paymentUrl={paymentUrl}
      ticket={ticket}
      onWebViewError={handleWebViewError}
      onUrlChange={handleUrlChange}
      onPaymentComplete={handlePaymentComplete}
      style={{ flex: 1 }}
    />
  );
}