@bytexbyte/berifyme-react-sdk 1.0.16 → 1.0.19

package/package.json

@@ -1,12 +1,15 @@
 {
   "name": "@bytexbyte/berifyme-react-sdk",
-  "version": "1.0.16",
+  "version": "1.0.19",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/types/index.d.ts",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
+    "clean": "node -e \"require('fs').rmSync('dist',{recursive:true,force:true})\"",
     "build": "tsc && copyfiles -u 1 'src/**/*.{css,svg}' dist",
+    "build:clean": "npm run clean && npm run build",
+    "build:umd": "webpack",
     "webpack": "webpack",
     "esbuild": "node esbuild.config.js",
     "release": "yarn build && npm publish"
@@ -20,7 +23,7 @@
     "@emotion/styled": "^11.13.0",
     "@fontsource/inter": "^5.1.0",
     "@fontsource/roboto": "^5.0.13",
-    "@incodetech/welcome": "^1.73.1",
+    "@incodetech/welcome": "1.73.1",
     "@mui/icons-material": "^5.16.5",
     "@mui/material": "^5.16.5",
     "@mui/x-data-grid": "^7.8.0",

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

@@ -1,212 +0,0 @@
-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;

package/dist/components/Login/veriff/Login.js

@@ -1,168 +0,0 @@
-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 { Box, CircularProgress } from '@mui/material';
-import { createVeriffFrame, MESSAGES } from '@veriff/incontext-sdk';
-//@ts-expect-error - Veriff sample code
-import { Veriff } from '@veriff/js-sdk';
-import React, { useCallback, useEffect, useState } from 'react';
-import berifymeApi from '../../../api/api';
-import { createDeveloperLog } from '../../createDeveloperLog';
-export default function LoginComponent(_a) {
-    var _this = this;
-    var user = _a.user, setUser = _a.setUser, onSuccess = _a.onSuccess, onGoBack = _a.onGoBack, onError = _a.onError, token = _a.token;
-    var _b = useState(), step = _b[0], setStep = _b[1];
-    var _c = useState(false), initFinished = _c[0], setInitFinished = _c[1];
-    var _d = useState(), sessionId = _d[0], setSessionId = _d[1];
-    var onFinishedVeriff = useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
-        var faceLoginResult, userResponse;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!user.veriffId)
-                        return [2 /*return*/];
-                    return [4 /*yield*/, berifymeApi.veriff.getVeriffFaceLoginResult({ sessionId: sessionId || '' })];
-                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: 'veriff api',
-                            sessionToken: token,
-                            firstDetail: 'getFaceLoginResult',
-                            secondDetail: faceLoginResult.error,
-                        });
-                        onError('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: 'veriff api',
-                            sessionToken: token,
-                            firstDetail: 'getFaceLoginResult',
-                            secondDetail: 'isVerified is false',
-                        });
-                        onError('Face verification failed');
-                        return [2 /*return*/];
-                    }
-                    return [4 /*yield*/, berifymeApi.veriff.getUserByVeriffId({ veriffId: user.veriffId })];
-                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: 'veriff api',
-                            sessionToken: token,
-                            firstDetail: 'getUserByVeriffId',
-                            secondDetail: userResponse.error,
-                        });
-                        onError('Oops! Something went wrong...');
-                        return [2 /*return*/];
-                    }
-                    setUser(userResponse.user);
-                    onSuccess();
-                    return [2 /*return*/];
-            }
-        });
-    }); }, [user, sessionId, setUser, onSuccess, token, onError]);
-    var onCancelVeriff = useCallback(function () {
-        onGoBack();
-    }, [onGoBack]);
-    useEffect(function () {
-        if (!user.phoneNumber)
-            return;
-        setInitFinished(false);
-        var veriff = Veriff({
-            host: 'https://api.veriff.me',
-            apiKey: 'ec9ca5ea-d883-4da3-a7e8-843d070d7cd1',
-            parentId: 'veriff-root',
-            onSession: function (err, response) {
-                console.log(err);
-                setSessionId(response.verification.id);
-                createVeriffFrame({ url: response.verification.url, onEvent: function (msg) { setStep(msg); } });
-            }
-        });
-        veriff.setParams({
-            person: {
-                givenName: ' ',
-                lastName: ' '
-            },
-            vendorData: user.phoneNumber,
-        });
-        veriff.mount();
-        setInitFinished(true);
-    }, [user.phoneNumber]);
-    useEffect(function () {
-        switch (step) {
-            case MESSAGES.FINISHED:
-                onFinishedVeriff();
-                break;
-            case MESSAGES.CANCELED:
-                onCancelVeriff();
-                break;
-            default:
-                break;
-        }
-    }, [onFinishedVeriff, onCancelVeriff, step]);
-    useEffect(function () {
-        var timeoutHandle = setTimeout(function () {
-            var _a;
-            if (!initFinished)
-                return;
-            (_a = document.getElementById('veriff-submit-btn')) === null || _a === void 0 ? void 0 : _a.click();
-        }, 100);
-        return function () { return clearTimeout(timeoutHandle); };
-    }, [initFinished]);
-    return (React.createElement(Box, { style: {
-            display: 'flex',
-            flexDirection: 'column',
-            alignItems: 'center',
-            justifyContent: 'center',
-            height: '100vh',
-        } },
-        React.createElement(CircularProgress, { color: "inherit" }),
-        React.createElement("div", { id: 'veriff-root', style: { height: 0, opacity: 0 } })));
-}

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

@@ -1,14 +0,0 @@
-import React, { useCallback, useState } from 'react';
-import TryAgain from '../../TryAgain';
-import Login from './Login';
-var VeriffLogin = function (_a) {
-    var user = _a.user, setUser = _a.setUser, onSuccess = _a.onSuccess, onGoBack = _a.onGoBack, token = _a.token;
-    var _b = useState(), error = _b[0], setError = _b[1];
-    var handleError = useCallback(function (error) {
-        setError(error);
-    }, []);
-    if (error || !token)
-        return (React.createElement(TryAgain, { message: error }));
-    return (React.createElement(Login, { user: user, setUser: setUser, onSuccess: onSuccess, onGoBack: onGoBack, onError: handleError, token: token }));
-};
-export default VeriffLogin;

package/dist/components/Login/yoti/Login.js

@@ -1,245 +0,0 @@
-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 { CircularProgress, Stack, Typography } from '@mui/material';
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import berifymeApi from '../../../api/api';
-import { delay } from '../../../common';
-import { createDeveloperLog } from '../../createDeveloperLog';
-var RETRY_INTERVAL = 1000 * 2;
-var Login = function (_a) {
-    var user = _a.user, setUser = _a.setUser, onSuccess = _a.onSuccess, onError = _a.onError, token = _a.token;
-    var _b = useState(), session = _b[0], setSession = _b[1];
-    var _c = useState(), loading = _c[0], setLoading = _c[1];
-    var sessionRef = useRef();
-    var handleSuccess = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
-        var faceLoginResultResponse, userResponse, error_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    createDeveloperLog({
-                        userId: user === null || user === void 0 ? void 0 : user.id,
-                        userDataJson: user,
-                        source: 'FRONTEND',
-                        action: 'yoti step',
-                        sessionToken: token,
-                        firstDetail: 'handleSuccess',
-                        secondDetail: JSON.stringify(sessionRef.current),
-                    });
-                    if (!sessionRef.current)
-                        return [2 /*return*/];
-                    if (!user.yotiId)
-                        return [2 /*return*/];
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 10, 11, 12]);
-                    setLoading('We are processing your data');
-                    faceLoginResultResponse = void 0;
-                    _a.label = 2;
-                case 2: return [4 /*yield*/, berifymeApi.yoti.getYotiFaceLoginResult({ sessionId: sessionRef.current.sessionId })];
-                case 3:
-                    faceLoginResultResponse = _a.sent();
-                    createDeveloperLog({
-                        userId: user === null || user === void 0 ? void 0 : user.id,
-                        userDataJson: user,
-                        source: 'FRONTEND',
-                        action: 'yoti api',
-                        sessionToken: token,
-                        firstDetail: 'getYotiFaceLoginResult',
-                        secondDetail: JSON.stringify(faceLoginResultResponse),
-                    });
-                    if (!('error' in faceLoginResultResponse)) return [3 /*break*/, 6];
-                    if (!(faceLoginResultResponse.error === 'Session ongoing')) return [3 /*break*/, 5];
-                    return [4 /*yield*/, delay(RETRY_INTERVAL)];
-                case 4:
-                    _a.sent();
-                    return [3 /*break*/, 7];
-                case 5:
-                    onError('Oops! Something went wrong. Please try again later.');
-                    return [2 /*return*/];
-                case 6: return [3 /*break*/, 8];
-                case 7:
-                    if (true) return [3 /*break*/, 2];
-                    _a.label = 8;
-                case 8:
-                    if (!faceLoginResultResponse.isVerified) {
-                        console.error('faceLoginResult.isVerified is false');
-                        createDeveloperLog({
-                            userId: user === null || user === void 0 ? void 0 : user.id,
-                            userDataJson: user,
-                            source: 'FRONTEND',
-                            action: 'veriff api',
-                            sessionToken: token,
-                            firstDetail: 'getYotiFaceLoginResult',
-                            secondDetail: 'isVerified is false',
-                        });
-                        onError('Face verification failed');
-                        return [2 /*return*/];
-                    }
-                    return [4 /*yield*/, berifymeApi.user.getUserByYotiId({ yotiId: user.yotiId })];
-                case 9:
-                    userResponse = _a.sent();
-                    if ('error' in userResponse) {
-                        createDeveloperLog({
-                            userId: user === null || user === void 0 ? void 0 : user.id,
-                            userDataJson: user,
-                            source: 'FRONTEND',
-                            action: 'yoti api',
-                            sessionToken: token,
-                            firstDetail: 'getUserByYotiId',
-                            secondDetail: JSON.stringify(userResponse),
-                        });
-                        onError('Oops! Something went wrong. Please try again later.');
-                        return [2 /*return*/];
-                    }
-                    // cuz secondDetail is too long
-                    createDeveloperLog({
-                        userId: user === null || user === void 0 ? void 0 : user.id,
-                        userDataJson: user,
-                        source: 'FRONTEND',
-                        action: 'yoti api',
-                        sessionToken: token,
-                        firstDetail: 'getUserByYotiId',
-                        secondDetail: JSON.stringify({ yotiId: userResponse.user.yotiId, fullName: userResponse.user.fullName, age: userResponse.user.age, birthDate: userResponse.user.birthDate }),
-                    });
-                    setUser(userResponse.user);
-                    onSuccess();
-                    return [3 /*break*/, 12];
-                case 10:
-                    error_1 = _a.sent();
-                    onError('Oops! Something went wrong. Please try again later.');
-                    return [3 /*break*/, 12];
-                case 11:
-                    setLoading(undefined);
-                    return [7 /*endfinally*/];
-                case 12: return [2 /*return*/];
-            }
-        });
-    }); }, [onError, onSuccess, setUser, token, user]);
-    var handleError = useCallback(function () {
-        createDeveloperLog({
-            userId: user === null || user === void 0 ? void 0 : user.id,
-            userDataJson: user,
-            source: 'FRONTEND',
-            action: 'yoti step',
-            sessionToken: token,
-            firstDetail: 'handleError',
-            secondDetail: JSON.stringify(sessionRef.current),
-        });
-        onError('Oops! Something went wrong. Please try again later.');
-    }, [onError, token, user]);
-    var initYoti = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
-        var response, error_2;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!(user === null || user === void 0 ? void 0 : user.yotiId) || !token)
-                        return [2 /*return*/];
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 3, 4, 5]);
-                    setLoading('Loading...');
-                    return [4 /*yield*/, berifymeApi.yoti.createYotiFaceLoginSession({ sessionId: user.yotiId })];
-                case 2:
-                    response = _a.sent();
-                    createDeveloperLog({
-                        userId: user.id,
-                        userDataJson: user,
-                        source: 'FRONTEND',
-                        action: 'yoti api',
-                        sessionToken: token,
-                        firstDetail: 'createYotiSession',
-                        secondDetail: JSON.stringify(response),
-                    });
-                    if ('error' in response) {
-                        onError('Oops! Something went wrong. Please try again later.');
-                        return [2 /*return*/];
-                    }
-                    setSession(response);
-                    return [3 /*break*/, 5];
-                case 3:
-                    error_2 = _a.sent();
-                    onError('Oops! Something went wrong. Please try again later.');
-                    return [3 /*break*/, 5];
-                case 4:
-                    setLoading(undefined);
-                    return [7 /*endfinally*/];
-                case 5: return [2 /*return*/];
-            }
-        });
-    }); }, [onError, token, user]);
-    var initListener = useCallback(function () {
-        window.addEventListener('message', function (event) {
-            createDeveloperLog({
-                userId: user === null || user === void 0 ? void 0 : user.id,
-                userDataJson: user,
-                source: 'FRONTEND',
-                action: 'yoti event',
-                sessionToken: token,
-                firstDetail: 'event.data.eventType',
-                secondDetail: JSON.stringify(event.data),
-            });
-            switch (event.data.eventType) {
-                case 'SUCCESS':
-                    handleSuccess();
-                    break;
-                case 'ERROR':
-                    handleError();
-                    break;
-                default:
-                    break;
-            }
-        });
-        return function () {
-            window.removeEventListener('message', function () { });
-        };
-    }, [user, token, handleSuccess, handleError]);
-    useEffect(function () {
-        initYoti();
-    }, [initYoti]);
-    useEffect(function () {
-        initListener();
-    }, [initListener]);
-    useEffect(function () {
-        sessionRef.current = session;
-    }, [session]);
-    if (loading)
-        return (React.createElement(Stack, { justifyContent: 'center', alignItems: 'center', height: '100%', spacing: 2 },
-            React.createElement(CircularProgress, { color: "inherit" }),
-            React.createElement(Typography, { color: '#585858' }, loading)));
-    return (React.createElement(React.Fragment, null, session && (React.createElement("iframe", { src: "https://api.yoti.com/idverify/v1/web/index.html?sessionID=".concat(session.sessionId, "&sessionToken=").concat(session.clientSessionToken), allow: "camera", width: "100%", height: "100%", id: "yoti", frameBorder: "0" }))));
-};
-export default Login;