Use sumsub web SDK for KYC form without access token generation #1

Merged
nabarun merged 6 commits from ag-sumsub-integration into kyc-integration 2024-07-25 13:28:23 +00:00
2 changed files with 21 additions and 8 deletions
Showing only changes of commit a971bf85cf - Show all commits

View File

@ -19,7 +19,7 @@ function App() {
<Route <Route
path="/user-verification" path="/user-verification"
element={<UserVerification />} element={<UserVerification />}
></Route> />
<Route element={<SignPageLayout />}> <Route element={<SignPageLayout />}>
<Route path="/sign-with-nitro-key/:userId" element={<SignWithNitroKey />} /> <Route path="/sign-with-nitro-key/:userId" element={<SignWithNitroKey />} />
<Route <Route

View File

@ -1,16 +1,23 @@
import React, { useState } from 'react' import React, { useEffect, useState } from 'react'
import { useNavigate } from 'react-router-dom'; import { useNavigate } from 'react-router-dom';
import { Box, Typography } from '@mui/material' import { Box, Button, Typography } from '@mui/material'
import SumsubWebSdk from '@sumsub/websdk-react' import SumsubWebSdk from '@sumsub/websdk-react'
const UserVerification = () => { const UserVerification = () => {
const [userId, setUserId] = useState<String>(''); const [userId, setUserId] = useState<String>('');
const [applicationSubmitted, setApplicationSubmitted] = useState<boolean>(false);
const navigate = useNavigate(); const navigate = useNavigate();
useEffect(()=>{
if (applicationSubmitted) {
console.log('application is submitted');
navigate(`/sign-with-nitro-key/${userId}`)
}
}, [applicationSubmitted, userId, navigate]);
const config = { const config = {
lang: "en", //language of WebSDK texts and comments (ISO 639-1 format) lang: "en", //language of WebSDK texts and comments (ISO 639-1 format)
theme: "light", theme: "light",
@ -29,17 +36,23 @@ const UserVerification = () => {
const accessToken = { const accessToken = {
"token": process.env.REACT_APP_SUMSUB_TOKEN!, "token": process.env.REACT_APP_SUMSUB_TOKEN!,
"userId": "deepstack1234" "userId": "deepstack32"
} }
const messageHandler = (event: any, payload: any ) => { const messageHandler = (event: any, payload: any ) => {
if (event === 'idCheck.onApplicantLoaded'){ if (event === 'idCheck.onApplicantLoaded') {
setUserId(payload.applicantId) setUserId(payload.applicantId);
} }
if (event === 'idCheck.onApplicantSubmitted'){ if (event === 'idCheck.onApplicantSubmitted'){
console.log('Application is submitted'); console.log('Application is submitted');
navigate(`/sign-with-nitro-key/${userId}`); setApplicationSubmitted(true);
}
if (event === 'idCheck.onApplicantStatusChanged') {
if (payload.reviewStatus === 'pending') {
setApplicationSubmitted(true);
}
} }
console.log(event); console.log(event);