@bytexbyte/berifyme-react-sdk 1.0.0 → 1.0.1

package/dist/BerifymeModal/index.js

@@ -34,38 +34,39 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import { environmentDomains } from '../lib/environmentDomains';
-import { PageStatus } from '../enum';
 import { Box, CircularProgress, CssBaseline, ThemeProvider } from '@mui/material';
 import React, { useEffect, useState } from 'react';
-import theme from '../components/theme';
+import '../../index.css';
 import berifymeApi, { initializeBerifymeApi } from '../api/api';
-import { incode } from '../vender/incode/incode';
 import AllSet from '../components/AllSet';
-import Modal from './MainModal';
-import RedirectToMobile from '../components/RedirectToMobile';
-import ScreenRotation from '../components/ScreenRotation';
-import TryAgainInModal from '../components/TryAgainInModal';
 import { createDeveloperLog } from '../components/createDeveloperLog';
 import { AuthidLogin } from '../components/Login/authid';
 import { ClearLogin } from '../components/Login/clear';
 import { ClearLoginAllSet } from '../components/Login/clearAllSet';
 import { IncodeLogin } from '../components/Login/incode';
-//[Wings] import SumsubLogin from './login/sumsub';
-//[Wings] import VeriffLogin from './login/veriff';
+import SumsubLogin from '../components/Login/sumsub';
+import VeriffLogin from '../components/Login/veriff';
+import YotiLogin from '../components/Login/yoti';
 import AuthID from '../components/OnBoarding/authId';
 import IdOrPassport from '../components/OnBoarding/authId/idOrPassport';
 import { ClearOnboarding } from '../components/OnBoarding/clear';
 import { ClearOnboardingAllSet } from '../components/OnBoarding/clear/clearAllSet';
 import { IncodeOnBoarding } from '../components/OnBoarding/incode';
-//[Wings] import SumsubOnBoarding from './onBoarding/sumsub';
+import SumsubOnBoarding from '../components/OnBoarding/sumsub';
 import Vender from '../components/OnBoarding/vender';
-//[Wings] import VeriffOnBoarding from './onBoarding/veriff';
-//[Wings] import YotiOnBoarding from './onBoarding/yoti';
+import VeriffOnBoarding from '../components/OnBoarding/veriff';
+import YotiOnBoarding from '../components/OnBoarding/yoti';
+import RedirectToMobile from '../components/RedirectToMobile';
+import ScreenRotation from '../components/ScreenRotation';
 import SendSns from '../components/SendSns';
+import theme from '../components/theme';
+import TryAgainInModal from '../components/TryAgainInModal';
 import VerifyNewUser from '../components/VerifyWithPhoneNumber/NewUser';
 import VerifyUser from '../components/VerifyWithPhoneNumber/User';
-import '../../index.css';
+import { PageStatus } from '../enum';
+import { environmentDomains } from '../lib/environmentDomains';
+import { incode } from '../vender/incode/incode';
+import Modal from './MainModal';
 var HomeModal = function (_a) {
     var apiKeyId = _a.apiKeyId, secretKey = _a.secretKey, redirectUrl = _a.redirectUrl, _b = _a.initialPhoneNumber, initialPhoneNumber = _b === void 0 ? '' : _b, environment = _a.environment, forceQrcode = _a.forceQrcode;
     var _c = useState(window.innerWidth > window.innerHeight), isLandscape = _c[0], setIsLandscape = _c[1];
@@ -184,7 +185,7 @@ var HomeModal = function (_a) {
             setPageStatus(7);
         }
         else {
-            setPageStatus(0);
+            setPageStatus(PageStatus.SendSns);
         }
     }, []);
     useEffect(function () {
@@ -213,58 +214,61 @@ var HomeModal = function (_a) {
         else if (isLandscape) {
             setModalHeight('100vh');
         }
-        else if (pageStatus === 0) {
+        else if (pageStatus === PageStatus.SendSns) {
             setModalHeight('58vh');
         }
-        else if (pageStatus === 1) {
+        else if (pageStatus === PageStatus.VerifyNewUser) {
             setModalHeight('64vh');
         }
-        else if (pageStatus === 2) {
-            setModalHeight('90vh');
+        else if (pageStatus === PageStatus.AuthIdOnboarding) {
+            setModalHeight('100vh');
         }
-        else if (pageStatus === 4) {
+        else if (pageStatus === PageStatus.ClearLogin) {
             setModalHeight('100vh');
         }
-        else if (pageStatus === 5) {
+        else if (pageStatus === PageStatus.IncodeLogin) {
             setModalHeight('100vh');
         }
-        else if (pageStatus === 6) {
+        else if (pageStatus === PageStatus.ClearLoginAllSet) {
             setModalHeight('58vh');
         }
-        else if (pageStatus === 7) {
+        else if (pageStatus === PageStatus.ClearOnboardingAllSet) {
             setModalHeight('58vh');
         }
-        else if (pageStatus === 8) {
+        else if (pageStatus === PageStatus.SumsubLogin) {
             setModalHeight('80vh');
         }
-        else if (pageStatus === 9) {
+        else if (pageStatus === PageStatus.VeriffLogin) {
             setModalHeight('100vh');
         }
-        else if (pageStatus === 1.1) {
+        else if (pageStatus === PageStatus.YotiLogin) {
+            setModalHeight('80vh');
+        }
+        else if (pageStatus === PageStatus.Vender) {
             setModalHeight('80vh');
         }
-        else if (pageStatus === 1.2) {
+        else if (pageStatus === PageStatus.IdOrPassport) {
             setModalHeight('55vh');
         }
-        else if (pageStatus === 1.5) {
+        else if (pageStatus === PageStatus.VerifyUser) {
             setModalHeight('46vh');
         }
-        else if (pageStatus === 2.1) {
+        else if (pageStatus === PageStatus.ClearOnboarding) {
             setModalHeight('100vh');
         }
-        else if (pageStatus === 2.2) {
+        else if (pageStatus === PageStatus.IncodeOnBoarding) {
             setModalHeight('100vh');
         }
-        else if (pageStatus === 2.3) {
+        else if (pageStatus === PageStatus.SumsubOnBoarding) {
             setModalHeight('80vh');
         }
-        else if (pageStatus === 2.4) {
+        else if (pageStatus === PageStatus.VeriffOnBoarding) {
             setModalHeight('100vh');
         }
-        else if (pageStatus === 2.5) {
+        else if (pageStatus === PageStatus.YotiOnBoarding) {
             setModalHeight('80vh');
         }
-        else if (pageStatus === 10) {
+        else if (pageStatus === PageStatus.AllSet) {
             setModalHeight('58vh');
         }
         else {
@@ -310,21 +314,33 @@ var HomeModal = function (_a) {
                                 pageStatus === PageStatus.VerifyUser &&
                                     React.createElement(VerifyUser, { token: token, inputValue: inputValue, setError: setError, setPageStatus: setPageStatus, setModalHeight: setModalHeight, setUser: setUser, environment: environment }),
                                 pageStatus === PageStatus.AuthIdOnboarding && user &&
-                                    React.createElement(AuthID, { token: token, goToAllSet: function () { return setPageStatus(10); }, setError: setError, userId: user.id, setUser: setUser, selectedIdType: authIdSelectedIdType }),
+                                    React.createElement(AuthID, { token: token, goToAllSet: function () { return setPageStatus(PageStatus.AllSet); }, setError: setError, userId: user.id, setUser: setUser, selectedIdType: authIdSelectedIdType, setSelectedIdType: setAuthIdSelectedIdType, setPageStatus: setPageStatus }),
                                 pageStatus === PageStatus.ClearOnboarding && user &&
                                     React.createElement(ClearOnboarding, { token: token, user: user, desktopRedirectUrlId: desktopRedirectUrlId }),
                                 pageStatus === PageStatus.IncodeOnBoarding && user &&
-                                    React.createElement(IncodeOnBoarding, { user: user, setUser: setUser, token: token, goToAllSet: function () { return setPageStatus(10); } }),
+                                    React.createElement(IncodeOnBoarding, { user: user, setUser: setUser, token: token, goToAllSet: function () { return setPageStatus(PageStatus.AllSet); } }),
+                                pageStatus === PageStatus.SumsubOnBoarding && user &&
+                                    React.createElement(SumsubOnBoarding, { user: user, setUser: setUser, token: token, goToAllSet: function () { return setPageStatus(PageStatus.AllSet); } }),
+                                pageStatus === PageStatus.VeriffOnBoarding && user &&
+                                    React.createElement(VeriffOnBoarding, { user: user, setUser: setUser, token: token, goBack: function () { return setPageStatus(1.1); }, goToAllSet: function () { return setPageStatus(PageStatus.AllSet); } }),
+                                pageStatus === PageStatus.YotiOnBoarding && user &&
+                                    React.createElement(YotiOnBoarding, { user: user, setUser: setUser, token: token, onSuccess: function () { return setPageStatus(PageStatus.AllSet); }, onGoBack: function () { return setPageStatus(1.1); } }),
                                 pageStatus === PageStatus.AuthidLogin && processedPhoneNumber &&
-                                    React.createElement(AuthidLogin, { token: token, goToAllSet: function () { return setPageStatus(10); }, phoneNumber: processedPhoneNumber, setUser: setUser }),
+                                    React.createElement(AuthidLogin, { token: token, goToAllSet: function () { return setPageStatus(PageStatus.AllSet); }, phoneNumber: processedPhoneNumber, setUser: setUser }),
                                 pageStatus === PageStatus.ClearLogin &&
                                     React.createElement(ClearLogin, { token: token, userId: user === null || user === void 0 ? void 0 : user.id, desktopRedirectUrlId: desktopRedirectUrlId }),
                                 pageStatus === PageStatus.IncodeLogin &&
-                                    React.createElement(IncodeLogin, { token: token, user: user, setUser: setUser, goToAllSet: function () { return setPageStatus(10); } }),
+                                    React.createElement(IncodeLogin, { token: token, user: user, setUser: setUser, goToAllSet: function () { return setPageStatus(PageStatus.AllSet); } }),
                                 pageStatus === PageStatus.ClearLoginAllSet &&
                                     React.createElement(ClearLoginAllSet, { token: token, desktopRedirectUrlId: desktopRedirectUrlId }),
                                 pageStatus === PageStatus.ClearOnboardingAllSet &&
                                     React.createElement(ClearOnboardingAllSet, { token: token, desktopRedirectUrlId: desktopRedirectUrlId }),
+                                pageStatus === PageStatus.SumsubLogin && user &&
+                                    React.createElement(SumsubLogin, { user: user, setUser: setUser, goToAllSet: function () { return setPageStatus(PageStatus.AllSet); }, token: token }),
+                                pageStatus === PageStatus.VeriffLogin && user &&
+                                    React.createElement(VeriffLogin, { user: user, setUser: setUser, onGoBack: function () { return setPageStatus(PageStatus.SendSns); }, onSuccess: function () { return setPageStatus(PageStatus.AllSet); }, token: token }),
+                                pageStatus === PageStatus.YotiLogin && user &&
+                                    React.createElement(YotiLogin, { user: user, setUser: setUser, onSuccess: function () { return setPageStatus(PageStatus.AllSet); }, token: token }),
                                 pageStatus === PageStatus.AllSet &&
                                     React.createElement(AllSet, { user: user, token: token, desktopRedirectUrlId: desktopRedirectUrlId })))))))));
 };

package/dist/api/api.js

@@ -1186,12 +1186,12 @@ function getOrderByCountry(_a) {
         });
     });
 }
-function createYotiSession(_a) {
+function createYotiIDVSession(_a) {
     return __awaiter(this, arguments, void 0, function (_b) {
         var url;
         var phoneNumber = _b.phoneNumber;
         return __generator(this, function (_c) {
-            url = "".concat(config.backendDomain, "/api/yoti/session");
+            url = "".concat(config.backendDomain, "/api/yoti/idvSession");
             return [2 /*return*/, axios.post(url, { phoneNumber: phoneNumber })
                     .then(function (res) {
                     return res.data;
@@ -1203,6 +1203,23 @@ function createYotiSession(_a) {
         });
     });
 }
+function createYotiFaceLoginSession(_a) {
+    return __awaiter(this, arguments, void 0, function (_b) {
+        var url;
+        var sessionId = _b.sessionId;
+        return __generator(this, function (_c) {
+            url = "".concat(config.backendDomain, "/api/yoti/faceLoginSession");
+            return [2 /*return*/, axios.post(url, { sessionId: sessionId })
+                    .then(function (res) {
+                    return res.data;
+                })
+                    .catch(function (err) {
+                    var _a;
+                    return (_a = err.response) === null || _a === void 0 ? void 0 : _a.data;
+                })];
+        });
+    });
+}
 function approveYotiUser(_a) {
     return __awaiter(this, arguments, void 0, function (_b) {
         var url;
@@ -1220,6 +1237,23 @@ function approveYotiUser(_a) {
         });
     });
 }
+function getYotiFaceLoginResult(_a) {
+    return __awaiter(this, arguments, void 0, function (_b) {
+        var url;
+        var sessionId = _b.sessionId;
+        return __generator(this, function (_c) {
+            url = "".concat(config.backendDomain, "/api/yoti/faceLoginResult");
+            return [2 /*return*/, axios.get(url, { params: { sessionId: sessionId } })
+                    .then(function (res) {
+                    return res.data;
+                })
+                    .catch(function (err) {
+                    var _a;
+                    return (_a = err.response) === null || _a === void 0 ? void 0 : _a.data;
+                })];
+        });
+    });
+}
 function getUserByYotiId(_a) {
     return __awaiter(this, arguments, void 0, function (_b) {
         var url;
@@ -1329,8 +1363,10 @@ var berifymeApi = {
         getVeriffFaceLoginResult: getVeriffFaceLoginResult
     },
     yoti: {
-        createYotiSession: createYotiSession,
-        approveYotiUser: approveYotiUser
+        createYotiIDVSession: createYotiIDVSession,
+        createYotiFaceLoginSession: createYotiFaceLoginSession,
+        approveYotiUser: approveYotiUser,
+        getYotiFaceLoginResult: getYotiFaceLoginResult
     },
     getOrderByCountry: getOrderByCountry,
 };

package/dist/components/AllSet/index.js

@@ -35,7 +35,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import React from "react";
-import { Button, Stack, Typography } from "@mui/material";
+import { Box, Button, CircularProgress, Stack, Typography } from "@mui/material";
 import theme from "../theme";
 import GppGoodOutlinedIcon from '@mui/icons-material/GppGoodOutlined';
 import { useSpeedTest } from "../speedTest/SpeedProvider";
@@ -65,6 +65,8 @@ var AllSet = function (_a) {
     var user = _a.user, token = _a.token, desktopRedirectUrlId = _a.desktopRedirectUrlId;
     var _b = useState(''), error = _b[0], setError = _b[1];
     var _c = useState(), desktopStatusMessage = _c[0], setDesktopStatusMessage = _c[1];
+    var _d = useState(true), loading = _d[0], setLoading = _d[1];
+    var _e = useState(''), redirectUrl = _e[0], setRedirectUrl = _e[1];
     var checkOldDeviceId = function () { return __awaiter(void 0, void 0, void 0, function () {
         var deviceId, deviceUser;
         return __generator(this, function (_a) {
@@ -109,7 +111,7 @@ var AllSet = function (_a) {
         startSpeedTest();
         checkAndIssueToken();
     }, []);
-    var handleButtonClick = function () { return __awaiter(void 0, void 0, void 0, function () {
+    var getRedirectUrl = function () { return __awaiter(void 0, void 0, void 0, function () {
         var res;
         return __generator(this, function (_a) {
             switch (_a.label) {
@@ -127,12 +129,13 @@ var AllSet = function (_a) {
                         action: 'getRedirectUrl',
                         sessionToken: token,
                     });
+                    setLoading(false);
                     if (!res.redirectUrl) {
                         setError('Oops! Something went wrong...');
                         return [2 /*return*/];
                     }
                     if (desktopRedirectUrlId === undefined) {
-                        window.location.href = res.redirectUrl;
+                        setRedirectUrl(res.redirectUrl);
                     }
                     else {
                         if (res.heartbeatStopped)
@@ -144,26 +147,38 @@ var AllSet = function (_a) {
             }
         });
     }); };
+    useEffect(function () {
+        getRedirectUrl();
+    }, []);
     return (React.createElement(React.Fragment, null, error ?
         React.createElement(TryAgain, { message: error }) :
-        React.createElement(React.Fragment, null, desktopStatusMessage ?
-            React.createElement(Stack, { height: 1, justifyContent: "center", alignItems: "center" },
-                React.createElement(Stack, { alignItems: "center", spacing: 2 },
-                    React.createElement("img", { width: 40, height: 40, src: "https://staging.berify.me/berify.svg", alt: "berify" }),
-                    React.createElement(Typography, { variant: "body1", color: theme.palette.text.secondary }, desktopStatusMessage)))
-            :
-                React.createElement(Stack, { height: 1, spacing: 4, justifyContent: 'space-between', py: 4, overflow: 'auto' },
-                    React.createElement(Stack, { spacing: 2, textAlign: 'center', alignItems: 'center' },
+        React.createElement(React.Fragment, null, loading ?
+            React.createElement(Box, { sx: {
+                    display: 'flex',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                    height: '100vh',
+                    background: '#FFFFFF'
+                } },
+                React.createElement(CircularProgress, null)) :
+            React.createElement(React.Fragment, null, desktopStatusMessage ?
+                React.createElement(Stack, { height: 1, justifyContent: "center", alignItems: "center" },
+                    React.createElement(Stack, { alignItems: "center", spacing: 2 },
                         React.createElement("img", { width: 40, height: 40, src: "https://staging.berify.me/berify.svg", alt: "berify" }),
-                        React.createElement(Typography, { variant: "h2", fontWeight: 700 },
-                            "You\u2019re Berified,",
-                            React.createElement("br", null), user === null || user === void 0 ? void 0 :
-                            user.fullName),
-                        React.createElement(Typography, { variant: "body1", color: theme.palette.text.secondary }, "Thank you for securely verifying your identity through Berify.me \uD83C\uDF89")),
-                    React.createElement(Stack, { spacing: 2, alignItems: 'center' },
-                        React.createElement(Button, { variant: "contained", onClick: function () { handleButtonClick(); }, sx: { minWidth: 160 } }, "Continue")),
-                    React.createElement(Stack, { direction: 'row', spacing: 2, textAlign: 'center', justifyContent: 'center', color: theme.palette.text.secondary },
-                        React.createElement(GppGoodOutlinedIcon, null),
-                        React.createElement(Typography, { variant: "body1" }, "Securely powered by Berify.me"))))));
+                        React.createElement(Typography, { variant: "body1", color: theme.palette.text.secondary }, desktopStatusMessage)))
+                :
+                    React.createElement(Stack, { height: 1, spacing: 4, justifyContent: 'space-between', py: 4, overflow: 'auto' },
+                        React.createElement(Stack, { spacing: 2, textAlign: 'center', alignItems: 'center' },
+                            React.createElement("img", { width: 40, height: 40, src: "https://staging.berify.me/berify.svg", alt: "berify" }),
+                            React.createElement(Typography, { variant: "h2", fontWeight: 700 },
+                                "You\u2019re Berified,",
+                                React.createElement("br", null), user === null || user === void 0 ? void 0 :
+                                user.fullName),
+                            React.createElement(Typography, { variant: "body1", color: theme.palette.text.secondary }, "Thank you for securely verifying your identity through Berify.me \uD83C\uDF89")),
+                        React.createElement(Stack, { spacing: 2, alignItems: 'center' },
+                            React.createElement(Button, { variant: "contained", onClick: function () { window.location.href = redirectUrl; }, sx: { minWidth: 160 } }, "Continue")),
+                        React.createElement(Stack, { direction: 'row', spacing: 2, textAlign: 'center', justifyContent: 'center', color: theme.palette.text.secondary },
+                            React.createElement(GppGoodOutlinedIcon, null),
+                            React.createElement(Typography, { variant: "body1" }, "Securely powered by Berify.me")))))));
 };
 export default AllSet;

package/dist/components/Login/sumsub/index.js

@@ -0,0 +1,212 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import SumsubWebSdk from '@sumsub/websdk-react';
+import React, { useCallback, useEffect, useState } from 'react';
+import berifymeApi from '../../../api/api';
+import { delay } from '../../../common';
+import { createDeveloperLog } from '../../createDeveloperLog';
+import TryAgain from '../../TryAgain';
+var OPTIONS = { addViewportTag: false, adaptIframeHeight: true };
+var SumsubLogin = function (_a) {
+    var user = _a.user, setUser = _a.setUser, goToAllSet = _a.goToAllSet, token = _a.token;
+    var _b = useState(), accessToken = _b[0], setAccessToken = _b[1];
+    var _c = useState(), externalActionId = _c[0], setExternalActionId = _c[1];
+    var _d = useState(), error = _d[0], setError = _d[1];
+    var getAccessToken = useCallback((function (phoneNumber) { return __awaiter(void 0, void 0, void 0, function () {
+        var accessTokenResponse;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, berifymeApi.sumsub.createAccessToken({ phoneNumber: phoneNumber, levelName: 'face-login' })];
+                case 1:
+                    accessTokenResponse = _a.sent();
+                    if ('error' in accessTokenResponse) {
+                        console.log('error', accessTokenResponse.error);
+                        createDeveloperLog({
+                            userId: user === null || user === void 0 ? void 0 : user.id,
+                            userDataJson: user,
+                            source: 'FRONTEND',
+                            action: 'sumsub api',
+                            sessionToken: token,
+                            firstDetail: 'createAccessToken',
+                            secondDetail: accessTokenResponse.error,
+                        });
+                        return [2 /*return*/, { token: '' }];
+                    }
+                    return [2 /*return*/, accessTokenResponse];
+            }
+        });
+    }); }), [token, user]);
+    var initAccessToken = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var accessToken;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!user.phoneNumber)
+                        return [2 /*return*/];
+                    if (!user.sumsubId)
+                        return [2 /*return*/];
+                    return [4 /*yield*/, getAccessToken(user.phoneNumber)];
+                case 1:
+                    accessToken = _a.sent();
+                    setAccessToken(accessToken.token);
+                    setExternalActionId(accessToken.externalActionId);
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [user.phoneNumber, user.sumsubId, getAccessToken]);
+    var onSumsubLoginSuccess = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var faceLoginResult, userResponse;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!user.sumsubId)
+                        return [2 /*return*/];
+                    return [4 /*yield*/, berifymeApi.sumsub.getSumsubFaceLoginResult({ sumsubId: user.sumsubId || '', externalActionId: externalActionId || '' })];
+                case 1:
+                    faceLoginResult = _a.sent();
+                    if ('error' in faceLoginResult) {
+                        console.error(faceLoginResult.error);
+                        createDeveloperLog({
+                            userId: user === null || user === void 0 ? void 0 : user.id,
+                            userDataJson: user,
+                            source: 'FRONTEND',
+                            action: 'sumsub api',
+                            sessionToken: token,
+                            firstDetail: 'getFaceLoginResult',
+                            secondDetail: faceLoginResult.error,
+                        });
+                        setError('Oops! Something went wrong...');
+                        return [2 /*return*/];
+                    }
+                    if (!faceLoginResult.isVerified) {
+                        console.error('faceLoginResult.isVerified is false');
+                        createDeveloperLog({
+                            userId: user === null || user === void 0 ? void 0 : user.id,
+                            userDataJson: user,
+                            source: 'FRONTEND',
+                            action: 'sumsub api',
+                            sessionToken: token,
+                            firstDetail: 'getFaceLoginResult',
+                            secondDetail: 'isVerified is false',
+                        });
+                        setError('Face verification failed');
+                        return [2 /*return*/];
+                    }
+                    return [4 /*yield*/, berifymeApi.user.getUserBySumsubId({ sumsubId: user.sumsubId })];
+                case 2:
+                    userResponse = _a.sent();
+                    if ('error' in userResponse) {
+                        console.log('error', userResponse.error);
+                        createDeveloperLog({
+                            userId: user === null || user === void 0 ? void 0 : user.id,
+                            userDataJson: user,
+                            source: 'FRONTEND',
+                            action: 'sumsub api',
+                            sessionToken: token,
+                            firstDetail: 'getUserBySumsubId',
+                            secondDetail: userResponse.error,
+                        });
+                        setError('Oops! Something went wrong...');
+                        return [2 /*return*/];
+                    }
+                    setUser(userResponse.user);
+                    goToAllSet();
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var accessTokenExpirationHandler = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    console.log('accessTokenExpirationHandler');
+                    if (!user.phoneNumber)
+                        return [2 /*return*/, ''];
+                    return [4 /*yield*/, getAccessToken(user.phoneNumber)];
+                case 1: return [2 /*return*/, _a.sent()];
+            }
+        });
+    }); }, [getAccessToken, user.phoneNumber]);
+    var messageHandler = function (type, payload) { return __awaiter(void 0, void 0, void 0, function () {
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    console.log('onMessage', type, payload);
+                    createDeveloperLog({
+                        userId: user === null || user === void 0 ? void 0 : user.id,
+                        userDataJson: user,
+                        source: 'FRONTEND',
+                        action: 'sumsub step',
+                        sessionToken: token,
+                        firstDetail: type,
+                        secondDetail: JSON.stringify(payload),
+                    });
+                    if (!(type === 'idCheck.onApplicantActionCompleted')) return [3 /*break*/, 5];
+                    _a = payload.answer;
+                    switch (_a) {
+                        case 'GREEN': return [3 /*break*/, 1];
+                        case 'RED': return [3 /*break*/, 3];
+                    }
+                    return [3 /*break*/, 4];
+                case 1: return [4 /*yield*/, delay(1000)];
+                case 2:
+                    _b.sent();
+                    onSumsubLoginSuccess();
+                    return [3 /*break*/, 5];
+                case 3:
+                    setError('Face verification failed');
+                    return [3 /*break*/, 5];
+                case 4:
+                    setError('Oops! Something went wrong...');
+                    _b.label = 5;
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); };
+    var errorHandler = function (error) {
+        console.log('onError', error);
+    };
+    useEffect(function () {
+        initAccessToken();
+    }, [initAccessToken]);
+    if (error || !token)
+        return (React.createElement(TryAgain, { message: error }));
+    return (React.createElement(React.Fragment, null, accessToken &&
+        React.createElement(SumsubWebSdk, { accessToken: accessToken, expirationHandler: accessTokenExpirationHandler, options: OPTIONS, onMessage: messageHandler, onError: errorHandler })));
+};
+export default SumsubLogin;