Workflow API

npm install @seontechnologies/seon-orchestration
# or
yarn add @seontechnologies/seon-orchestration

import { SeonOrchestration } from '@seontechnologies/seon-orchestration';

javascript
import { SeonOrchestration } from '@seontechnologies/seon-orchestration';
// 1. Get token from YOUR backend (keeps API keys secure)
const { token } = await fetch('/api/init-verification', { method: 'POST' })
 .then(r => r.json());
// 2. Start verification
await SeonOrchestration.start({ token, language: 'en' });

// On page load: Set up event listeners
SeonOrchestration.on('completed', (status) => {
 console.log('Verification completed:', status);
});
SeonOrchestration.on('error', (errorCode) => {
 console.error('Verification error:', errorCode);
});
const config = {
 token: 'eyJhbGciOiJIUzI1NiIs...',  // From your backend
 language: 'en',
 renderingMode: 'fullscreen',
 theme: {
   light: {
     baseTextOnLight: '#1a1a1a',
     baseTextOnDark: '#ffffff',
     baseAccent: '#0066cc',
     baseOnAccent: '#ffffff',
     logoUrl: 'https://example.com/logo-dark.svg'
   },
   dark: {
     baseTextOnLight: '#e5e5e5',
     baseTextOnDark: '#1a1a1a',
     baseAccent: '#4d9fff',
     baseOnAccent: '#000000',
     logoUrl: 'https://example.com/logo-light.svg'
   },
   fontFamily: 'Inter',
   fontUrl: 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap',
   fontWeight: '500'
 }
};
await SeonOrchestration.start(config);

<!-- In your HTML -->
<div id="verification-container" style="width: 100%; min-height: 600px;"></div>

await SeonOrchestration.start({
 token,
 renderingMode: 'inline',
 containerId: 'verification-container'
});

import React, { useEffect, useState } from 'react';
import { SeonOrchestration, CompletionTypes, ErrorCodes } from '@seontechnologies/seon-orchestration';
export function VerificationComponent({ userId, onComplete, onError }) {
 const [isLoading, setIsLoading] = useState(false);
 const [error, setError] = useState(null);
 useEffect(() => {
   const handleCompleted = (status: CompletionTypes) => {
     onComplete(status);
   };
   const handleError = (errorCode: ErrorCodes) => {
     setError(`Error: ${errorCode}`);
     onError(errorCode);
   };
   const handleClosed = () => setIsLoading(false);
   SeonOrchestration.on('completed', handleCompleted);
   SeonOrchestration.on('error', handleError);
   SeonOrchestration.on('closed', handleClosed);
   return () => {
     SeonOrchestration.off('completed', handleCompleted);
     SeonOrchestration.off('error', handleError);
     SeonOrchestration.off('closed', handleClosed);
   };
 }, [onComplete, onError]);
 const startVerification = async () => {
   setIsLoading(true);
   setError(null);
   try {
     const response = await fetch('/api/init-verification', {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({ userId }),
     });
     const { token } = await response.json();
     await SeonOrchestration.start({ token, language: 'en' });
   } catch (err) {
     setError(err.message);
   } finally {
     setIsLoading(false);
   }
 };
 return (
   <div>
     {error && <div style={{ color: 'red' }}>{error}</div>}
     <button onClick={startVerification} disabled={isLoading}>
       {isLoading ? 'Starting...' : 'Start Verification'}
     </button>
   </div>
 );
}