Generate KYC Verification Session

{
  "sessionUrl": "https://magic.veriff.me/v/eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9..."
}

import { useRouter } from 'next/navigation';

async function handleKYCVerification(onboardingId: string) {
  try {
    const response = await fetch('https://dev.api.baanx.com/v1/auth/register/verification', {
      method: 'POST',
      headers: {
        'x-client-key': process.env.NEXT_PUBLIC_CLIENT_KEY!,
        'Content-Type': 'application/json'
      },
      body: JSON.stringify({ onboardingId })
    });

    if (!response.ok) {
      throw new Error('Failed to generate verification session');
    }

    const { sessionUrl } = await response.json();

    // Redirect to Veriff
    window.location.href = sessionUrl;
  } catch (error) {
    console.error('KYC verification error:', error);
    showErrorToast('Unable to start verification. Please try again.');
  }
}

import { Linking } from 'react-native';
import { InAppBrowser } from 'react-native-inappbrowser-reborn';

async function startKYCVerification(onboardingId: string) {
  try {
    const response = await fetch('https://dev.api.baanx.com/v1/auth/register/verification', {
      method: 'POST',
      headers: {
        'x-client-key': YOUR_CLIENT_KEY,
        'Content-Type': 'application/json'
      },
      body: JSON.stringify({ onboardingId })
    });

    const { sessionUrl } = await response.json();

    // Open in in-app browser for better UX
    if (await InAppBrowser.isAvailable()) {
      await InAppBrowser.open(sessionUrl, {
        dismissButtonStyle: 'cancel',
        preferredBarTintColor: '#16A34A',
        preferredControlTintColor: 'white',
        readerMode: false,
        animated: true,
        modalEnabled: true,
        enableBarCollapsing: false
      });
    } else {
      // Fallback to external browser
      await Linking.openURL(sessionUrl);
    }
  } catch (error) {
    console.error('Failed to start KYC:', error);
  }
}

async function pollVerificationStatus(onboardingId: string): Promise<void> {
  const maxAttempts = 60; // 5 minutes with 5-second intervals
  let attempts = 0;

  return new Promise((resolve, reject) => {
    const poll = setInterval(async () => {
      try {
        const response = await fetch(
          `https://dev.api.baanx.com/v1/auth/register?onboardingId=${onboardingId}`,
          {
            headers: {
              'x-client-key': process.env.NEXT_PUBLIC_CLIENT_KEY!
            }
          }
        );

        const user = await response.json();

        // Check if verification state has changed
        if (user.verificationState === 'VERIFIED' || user.verificationState === 'PENDING') {
          clearInterval(poll);
          resolve();
        } else if (user.verificationState === 'REJECTED') {
          clearInterval(poll);
          reject(new Error('Verification was rejected'));
        }

        attempts++;
        if (attempts >= maxAttempts) {
          clearInterval(poll);
          reject(new Error('Verification polling timeout'));
        }
      } catch (error) {
        clearInterval(poll);
        reject(error);
      }
    }, 5000); // Poll every 5 seconds
  });
}

// Usage
try {
  await pollVerificationStatus(onboardingId);
  showSuccessMessage('Verification complete! Proceeding to personal details.');
  // Navigate to personal details step
} catch (error) {
  showErrorMessage('Verification incomplete. Please try again.');
}