@bytexbyte/berifyme-react-sdk 1.0.0 → 1.0.1

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

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

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

@@ -0,0 +1,235 @@
+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();
+                    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 () {
+        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;

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

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

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

@@ -45,7 +45,7 @@ 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 React from "react";
+import React, { useRef } from "react";
 import AuthIDComponent from "@authid/react-component";
 import { Box, CircularProgress } from "@mui/material";
 import { useEffect, useState } from "react";
@@ -53,10 +53,14 @@ import berifymeApi, { ActionType } from "../../../api/api";
 import { useSpeedTest } from "../../speedTest/SpeedProvider";
 import { createAuthenticationLog, updateAuthenticationLog } from "../../AuthenticationLogs";
 import { createDeveloperLog } from "../../createDeveloperLog";
+import TryAgain from "../../TryAgain";
+import { PageStatus } from "../../../enum";
 var AuthID = function (_a) {
-    var goToAllSet = _a.goToAllSet, setError = _a.setError, userId = _a.userId, setUser = _a.setUser, selectedIdType = _a.selectedIdType, token = _a.token;
+    var goToAllSet = _a.goToAllSet, setError = _a.setError, userId = _a.userId, setUser = _a.setUser, selectedIdType = _a.selectedIdType, setSelectedIdType = _a.setSelectedIdType, token = _a.token, setPageStatus = _a.setPageStatus;
     var _b = useState(''), operationId = _b[0], setOperationId = _b[1];
     var _c = useState(''), url = _c[0], setUrl = _c[1];
+    var _d = useState(''), localError = _d[0], setLocalError = _d[1];
+    var notFoundCount = useRef(0);
     var stopSpeedTest = useSpeedTest().stopSpeedTest;
     useEffect(function () { stopSpeedTest(); }, []);
     //第零部 準備URL
@@ -289,13 +293,28 @@ var AuthID = function (_a) {
         if (url) {
             window.addEventListener('message', function (e) {
                 if (e.data.type === 'authid:page') {
-                    console.log(e.data);
                     if (e.data.pageName === 'verifiedPage') {
                         setTimeout(function () {
                             getProofTransactionStatus();
                         }, 1000);
                     }
                 }
+                if (e.data.type === 'authid:control:page') {
+                    // console.log('監聽器回傳e.data：', e.data);
+                    // console.log('監聽器回傳e.data.params',e.data.params);
+                    // console.log('監聽器回傳e.data.params.props',e.data.params.props);
+                    // console.log('監聽器回傳e.data.params.props.reason',e.data.params.props.reason);
+                    if (e.data.params.props.additionalReasons.length === 0 && e.data.params.props.reason === 'NOT_FOUND') {
+                        notFoundCount.current += 1;
+                        console.log('notFoundCount.current', notFoundCount.current);
+                        if (notFoundCount.current >= 2) {
+                            setLocalError('We are unable to verify your ID/Driver\'s License because it lacks a barcode.');
+                            if (!setPageStatus) {
+                                setError('We are unable to verify your ID/Driver\'s License because it lacks a barcode.');
+                            }
+                        }
+                    }
+                }
             });
         }
         else {
@@ -309,15 +328,30 @@ var AuthID = function (_a) {
             });
         };
     }, [url]);
-    return (React.createElement(React.Fragment, null, React.createElement(React.Fragment, null, url
-        ? React.createElement(AuthIDComponent, { url: url, webauth: true })
-        : React.createElement(Box, { sx: {
-                display: 'flex',
-                justifyContent: 'center',
-                alignItems: 'center',
-                height: '100vh',
-                background: '#FFFFFF'
-            } },
-            React.createElement(CircularProgress, null)))));
+    return (React.createElement(React.Fragment, null, localError ?
+        React.createElement(TryAgain, { message: localError, pressButton: function () {
+                if (setPageStatus)
+                    setPageStatus(PageStatus.IdOrPassport);
+                setSelectedIdType('');
+            } }) :
+        React.createElement(React.Fragment, null, url
+            ? React.createElement(AuthIDComponent
+            // 用上面監聽器即可
+            , { 
+                // 用上面監聽器即可
+                control: function (
+                // msg: any, authidControlFace: any
+                ) {
+                    // console.log('下方套件回傳, msg: ', msg);
+                    // console.log('下方套件回傳, authidControlFace: ', authidControlFace);
+                }, url: url, webauth: true })
+            : React.createElement(Box, { sx: {
+                    display: 'flex',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                    height: '100vh',
+                    background: '#FFFFFF'
+                } },
+                React.createElement(CircularProgress, null)))));
 };
 export default AuthID;