@bytexbyte/berifyme-react-sdk 1.0.0 → 1.0.2

package/dist/components/OnBoarding/yoti/OnBoarding.js

@@ -0,0 +1,228 @@
+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 OnBoarding = function (_a) {
+    var user = _a.user, setUser = _a.setUser, onSuccess = _a.onSuccess, onError = _a.onError, onGoBack = _a.onGoBack, 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 approveResponse, 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*/];
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 10, 11, 12]);
+                    setLoading('We are processing your data');
+                    approveResponse = void 0;
+                    _a.label = 2;
+                case 2: return [4 /*yield*/, berifymeApi.yoti.approveYotiUser({ sessionId: sessionRef.current.sessionId })];
+                case 3:
+                    approveResponse = _a.sent();
+                    createDeveloperLog({
+                        userId: user === null || user === void 0 ? void 0 : user.id,
+                        userDataJson: user,
+                        source: 'FRONTEND',
+                        action: 'yoti api',
+                        sessionToken: token,
+                        firstDetail: 'approveYotiUser',
+                        secondDetail: JSON.stringify(approveResponse),
+                    });
+                    if (!('error' in approveResponse)) return [3 /*break*/, 6];
+                    if (!(approveResponse.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:
+                    if (approveResponse.yotiId)
+                        return [3 /*break*/, 8];
+                    _a.label = 7;
+                case 7:
+                    if (true) return [3 /*break*/, 2];
+                    _a.label = 8;
+                case 8: return [4 /*yield*/, berifymeApi.user.getUserByYotiId({ yotiId: approveResponse.yotiId })];
+                case 9:
+                    userResponse = _a.sent();
+                    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),
+                    });
+                    if ('error' in userResponse) {
+                        onError('Oops! Something went wrong. Please try again later.');
+                        return [2 /*return*/];
+                    }
+                    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 (eventCode) {
+        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),
+        });
+        switch (eventCode) {
+            case 7000:
+                onGoBack();
+                break;
+            default:
+                onError('Oops! Something went wrong. Please try again later.');
+                break;
+        }
+    }, [onError, onGoBack, 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.phoneNumber) || !token)
+                        return [2 /*return*/];
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, 4, 5]);
+                    setLoading('Loading...');
+                    return [4 /*yield*/, berifymeApi.yoti.createYotiIDVSession({ phoneNumber: user.phoneNumber })];
+                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(event.data.eventCode);
+                    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 OnBoarding;

package/dist/components/OnBoarding/yoti/index.js

@@ -0,0 +1,14 @@
+import React, { useCallback, useState } from 'react';
+import TryAgain from '../../TryAgain';
+import OnBoarding from './OnBoarding';
+var YotiOnBoarding = 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(OnBoarding, { user: user, setUser: setUser, onSuccess: onSuccess, onError: handleError, onGoBack: onGoBack, token: token }));
+};
+export default YotiOnBoarding;

package/dist/types/components/Login/sumsub/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { UserWithAgeAndFullName } from '../../../api/api';
+interface Props {
+    user: UserWithAgeAndFullName;
+    setUser: React.Dispatch<React.SetStateAction<UserWithAgeAndFullName | undefined>>;
+    goToAllSet: () => void;
+    token?: string;
+}
+declare const SumsubLogin: ({ user, setUser, goToAllSet, token }: Props) => React.JSX.Element;
+export default SumsubLogin;

package/dist/types/components/Login/veriff/Login.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { UserWithAgeAndFullName } from '../../../api/api';
+interface Props {
+    user: UserWithAgeAndFullName;
+    setUser: React.Dispatch<React.SetStateAction<UserWithAgeAndFullName | undefined>>;
+    onSuccess: () => void;
+    onGoBack: () => void;
+    onError: (error: string) => void;
+    token?: string;
+}
+export default function LoginComponent({ user, setUser, onSuccess, onGoBack, onError, token }: Props): React.JSX.Element;
+export {};

package/dist/types/components/Login/veriff/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { UserWithAgeAndFullName } from '../../../api/api';
+interface Props {
+    user: UserWithAgeAndFullName;
+    setUser: React.Dispatch<React.SetStateAction<UserWithAgeAndFullName | undefined>>;
+    onSuccess: () => void;
+    onGoBack: () => void;
+    token?: string;
+}
+declare const VeriffLogin: ({ user, setUser, onSuccess, onGoBack, token }: Props) => React.JSX.Element;
+export default VeriffLogin;

package/dist/types/components/Login/yoti/Login.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { UserWithAgeAndFullName } from '../../../api/api';
+interface Props {
+    user: UserWithAgeAndFullName;
+    setUser: React.Dispatch<React.SetStateAction<UserWithAgeAndFullName | undefined>>;
+    onSuccess: () => void;
+    onError: (error: string) => void;
+    token?: string;
+}
+declare const Login: ({ user, setUser, onSuccess, onError, token }: Props) => React.JSX.Element;
+export default Login;

package/dist/types/components/Login/yoti/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { UserWithAgeAndFullName } from '../../../api/api';
+interface Props {
+    user: UserWithAgeAndFullName;
+    setUser: React.Dispatch<React.SetStateAction<UserWithAgeAndFullName | undefined>>;
+    onSuccess: () => void;
+    token?: string;
+}
+declare const YotiLogin: ({ user, setUser, onSuccess, token }: Props) => React.JSX.Element;
+export default YotiLogin;

package/dist/types/components/OnBoarding/sumsub/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { UserWithAgeAndFullName } from '../../../api/api';
+interface Props {
+    user: UserWithAgeAndFullName;
+    setUser: React.Dispatch<React.SetStateAction<UserWithAgeAndFullName | undefined>>;
+    goToAllSet: () => void;
+    token?: string;
+}
+declare const SumsubOnBoarding: ({ user, setUser, goToAllSet, token }: Props) => React.JSX.Element;
+export default SumsubOnBoarding;

package/dist/types/components/OnBoarding/veriff/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { UserWithAgeAndFullName } from '../../../api/api';
+interface Props {
+    user: UserWithAgeAndFullName;
+    setUser: React.Dispatch<React.SetStateAction<UserWithAgeAndFullName | undefined>>;
+    goBack: () => void;
+    goToAllSet: () => void;
+    token?: string;
+}
+declare const VeriffOnBoarding: ({ user, setUser, goBack, goToAllSet, token }: Props) => React.JSX.Element;
+export default VeriffOnBoarding;

package/dist/types/components/OnBoarding/yoti/OnBoarding.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { UserWithAgeAndFullName } from '../../../api/api';
+interface Props {
+    user: UserWithAgeAndFullName;
+    setUser: React.Dispatch<React.SetStateAction<UserWithAgeAndFullName | undefined>>;
+    onSuccess: () => void;
+    onError: (error: string) => void;
+    onGoBack: () => void;
+    token?: string;
+}
+declare const OnBoarding: ({ user, setUser, onSuccess, onError, onGoBack, token }: Props) => React.JSX.Element;
+export default OnBoarding;

package/dist/types/components/OnBoarding/yoti/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { UserWithAgeAndFullName } from '../../../api/api';
+interface Props {
+    user: UserWithAgeAndFullName;
+    setUser: React.Dispatch<React.SetStateAction<UserWithAgeAndFullName | undefined>>;
+    onSuccess: () => void;
+    onGoBack: () => void;
+    token?: string;
+}
+declare const YotiOnBoarding: ({ user, setUser, onSuccess, onGoBack, token }: Props) => React.JSX.Element;
+export default YotiOnBoarding;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytexbyte/berifyme-react-sdk",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/types/index.d.ts",