@bytexbyte/berifyme-react-sdk 1.0.1 → 1.0.3

package/dist/BerifymeModal/index.js

@@ -34,39 +34,38 @@ 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 '../../index.css';
+import theme from '../components/theme';
 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';
-import SumsubLogin from '../components/Login/sumsub';
-import VeriffLogin from '../components/Login/veriff';
-import YotiLogin from '../components/Login/yoti';
+//[Wings] import SumsubLogin from './login/sumsub';
+//[Wings] import VeriffLogin from './login/veriff';
 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';
-import SumsubOnBoarding from '../components/OnBoarding/sumsub';
+//[Wings] import SumsubOnBoarding from './onBoarding/sumsub';
 import Vender from '../components/OnBoarding/vender';
-import VeriffOnBoarding from '../components/OnBoarding/veriff';
-import YotiOnBoarding from '../components/OnBoarding/yoti';
-import RedirectToMobile from '../components/RedirectToMobile';
-import ScreenRotation from '../components/ScreenRotation';
+//[Wings] import VeriffOnBoarding from './onBoarding/veriff';
+//[Wings] import YotiOnBoarding from './onBoarding/yoti';
 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 { PageStatus } from '../enum';
-import { environmentDomains } from '../lib/environmentDomains';
-import { incode } from '../vender/incode/incode';
-import Modal from './MainModal';
+import '../../index.css';
 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];
@@ -174,6 +173,14 @@ var HomeModal = function (_a) {
         else if (apiKeyId && secretKey && redirectUrl) {
             createToken({ apiKeyId: apiKeyId, secretKey: secretKey, redirectUrl: redirectUrl });
         }
+        else {
+            setError('Token is required to access this page. Please include a valid token in the URL.');
+        }
+        //[Web] if (res.token) {
+        //   checkToken(res.token);
+        // } else {
+        //   setError('Token is required to access this page. Please include a valid token in the URL.');
+        // }
         //處理desktop
         if (res.desktopRedirectUrlId)
             setDesktopRedirectUrlId(res.desktopRedirectUrlId);
@@ -185,7 +192,7 @@ var HomeModal = function (_a) {
             setPageStatus(7);
         }
         else {
-            setPageStatus(PageStatus.SendSns);
+            setPageStatus(0);
         }
     }, []);
     useEffect(function () {
@@ -214,61 +221,58 @@ var HomeModal = function (_a) {
         else if (isLandscape) {
             setModalHeight('100vh');
         }
-        else if (pageStatus === PageStatus.SendSns) {
+        else if (pageStatus === 0) {
             setModalHeight('58vh');
         }
-        else if (pageStatus === PageStatus.VerifyNewUser) {
+        else if (pageStatus === 1) {
             setModalHeight('64vh');
         }
-        else if (pageStatus === PageStatus.AuthIdOnboarding) {
-            setModalHeight('100vh');
+        else if (pageStatus === 2) {
+            setModalHeight('90vh');
         }
-        else if (pageStatus === PageStatus.ClearLogin) {
+        else if (pageStatus === 4) {
             setModalHeight('100vh');
         }
-        else if (pageStatus === PageStatus.IncodeLogin) {
+        else if (pageStatus === 5) {
             setModalHeight('100vh');
         }
-        else if (pageStatus === PageStatus.ClearLoginAllSet) {
+        else if (pageStatus === 6) {
             setModalHeight('58vh');
         }
-        else if (pageStatus === PageStatus.ClearOnboardingAllSet) {
+        else if (pageStatus === 7) {
             setModalHeight('58vh');
         }
-        else if (pageStatus === PageStatus.SumsubLogin) {
+        else if (pageStatus === 8) {
             setModalHeight('80vh');
         }
-        else if (pageStatus === PageStatus.VeriffLogin) {
+        else if (pageStatus === 9) {
             setModalHeight('100vh');
         }
-        else if (pageStatus === PageStatus.YotiLogin) {
-            setModalHeight('80vh');
-        }
-        else if (pageStatus === PageStatus.Vender) {
+        else if (pageStatus === 1.1) {
             setModalHeight('80vh');
         }
-        else if (pageStatus === PageStatus.IdOrPassport) {
+        else if (pageStatus === 1.2) {
             setModalHeight('55vh');
         }
-        else if (pageStatus === PageStatus.VerifyUser) {
+        else if (pageStatus === 1.5) {
             setModalHeight('46vh');
         }
-        else if (pageStatus === PageStatus.ClearOnboarding) {
+        else if (pageStatus === 2.1) {
             setModalHeight('100vh');
         }
-        else if (pageStatus === PageStatus.IncodeOnBoarding) {
+        else if (pageStatus === 2.2) {
             setModalHeight('100vh');
         }
-        else if (pageStatus === PageStatus.SumsubOnBoarding) {
+        else if (pageStatus === 2.3) {
             setModalHeight('80vh');
         }
-        else if (pageStatus === PageStatus.VeriffOnBoarding) {
+        else if (pageStatus === 2.4) {
             setModalHeight('100vh');
         }
-        else if (pageStatus === PageStatus.YotiOnBoarding) {
+        else if (pageStatus === 2.5) {
             setModalHeight('80vh');
         }
-        else if (pageStatus === PageStatus.AllSet) {
+        else if (pageStatus === 10) {
             setModalHeight('58vh');
         }
         else {
@@ -314,33 +318,21 @@ 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(PageStatus.AllSet); }, setError: setError, userId: user.id, setUser: setUser, selectedIdType: authIdSelectedIdType, setSelectedIdType: setAuthIdSelectedIdType, setPageStatus: setPageStatus }),
+                                    React.createElement(AuthID, { token: token, goToAllSet: function () { return setPageStatus(10); }, setError: setError, userId: user.id, setUser: setUser, selectedIdType: authIdSelectedIdType }),
                                 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(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); } }),
+                                    React.createElement(IncodeOnBoarding, { user: user, setUser: setUser, token: token, goToAllSet: function () { return setPageStatus(10); } }),
                                 pageStatus === PageStatus.AuthidLogin && processedPhoneNumber &&
-                                    React.createElement(AuthidLogin, { token: token, goToAllSet: function () { return setPageStatus(PageStatus.AllSet); }, phoneNumber: processedPhoneNumber, setUser: setUser }),
+                                    React.createElement(AuthidLogin, { token: token, goToAllSet: function () { return setPageStatus(10); }, 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(PageStatus.AllSet); } }),
+                                    React.createElement(IncodeLogin, { token: token, user: user, setUser: setUser, goToAllSet: function () { return setPageStatus(10); } }),
                                 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 createYotiIDVSession(_a) {
+function createYotiSession(_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/idvSession");
+            url = "".concat(config.backendDomain, "/api/yoti/session");
             return [2 /*return*/, axios.post(url, { phoneNumber: phoneNumber })
                     .then(function (res) {
                     return res.data;
@@ -1203,23 +1203,6 @@ function createYotiIDVSession(_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;
@@ -1237,23 +1220,6 @@ 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;
@@ -1363,10 +1329,8 @@ var berifymeApi = {
         getVeriffFaceLoginResult: getVeriffFaceLoginResult
     },
     yoti: {
-        createYotiIDVSession: createYotiIDVSession,
-        createYotiFaceLoginSession: createYotiFaceLoginSession,
-        approveYotiUser: approveYotiUser,
-        getYotiFaceLoginResult: getYotiFaceLoginResult
+        createYotiSession: createYotiSession,
+        approveYotiUser: approveYotiUser
     },
     getOrderByCountry: getOrderByCountry,
 };

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, { useRef } from "react";
+import React from "react";
 import AuthIDComponent from "@authid/react-component";
 import { Box, CircularProgress } from "@mui/material";
 import { useEffect, useState } from "react";
@@ -53,14 +53,10 @@ 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, setSelectedIdType = _a.setSelectedIdType, token = _a.token, setPageStatus = _a.setPageStatus;
+    var goToAllSet = _a.goToAllSet, setError = _a.setError, userId = _a.userId, setUser = _a.setUser, selectedIdType = _a.selectedIdType, token = _a.token;
     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
@@ -293,28 +289,13 @@ 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 {
@@ -328,30 +309,15 @@ var AuthID = function (_a) {
             });
         };
     }, [url]);
-    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)))));
+    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)))));
 };
 export default AuthID;

package/dist/components/OnBoarding/vender/grid/index.js

@@ -41,9 +41,9 @@ import berifymeApi from "../../../../api/api";
 import AuthIdGrid from "./authIdGrid";
 import ClearGrid from "./clearGrid";
 import IncodeGrid from "./incodeGrid";
-import SumsubGrid from "./sumsubGrid";
-import VeriffGrid from "./veriffGrid";
-import YotiGrid from "./yotiGrid";
+// import SumsubGrid from "./sumsubGrid";
+// import VeriffGrid from "./veriffGrid";
+// import YotiGrid from "./yotiGrid";
 var getCountryCodeFromPhoneNumber = function (phoneNumber) {
     try {
         var phoneNumberObj = parsePhoneNumber(phoneNumber);
@@ -91,12 +91,12 @@ var VenderGrid = function (_a) {
                 return React.createElement(ClearGrid, { setPageStatus: setPageStatus });
             case 'incode':
                 return React.createElement(IncodeGrid, { setPageStatus: setPageStatus });
-            case 'sumsub':
-                return React.createElement(SumsubGrid, { setPageStatus: setPageStatus });
-            case 'veriff':
-                return React.createElement(VeriffGrid, { setPageStatus: setPageStatus });
-            case 'yoti':
-                return React.createElement(YotiGrid, { setPageStatus: setPageStatus });
+            // case 'sumsub':
+            //   return <SumsubGrid setPageStatus={setPageStatus} />;
+            // case 'veriff':
+            //   return <VeriffGrid setPageStatus={setPageStatus} />;
+            // case 'yoti':
+            //   return <YotiGrid setPageStatus={setPageStatus} />;
             default:
                 return null;
         }

package/dist/components/SendSns/index.js

@@ -34,20 +34,20 @@ 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 { environmentDomains } from '../../lib/environmentDomains';
 import { Box, Button, CircularProgress, Stack, Typography } from '@mui/material';
 import { isValidPhoneNumber } from 'libphonenumber-js';
-import React, { useState } from 'react';
+import { useState } from 'react';
 import PhoneInput from 'react-phone-input-2';
+import './style.css';
 import berifymeApi, { ActionType } from '../../api/api';
-import { PageStatus } from '../../enum';
-import { environmentDomains } from '../../lib/environmentDomains';
-import webauthn from '../../lib/webauthb';
+import theme from "../theme";
 import { createAuthenticationLog } from '../AuthenticationLogs';
 import { createDeveloperLog } from '../createDeveloperLog';
 import Footer from '../Footer';
 import { processPhoneNumber } from '../phoneNumberProcesser';
-import theme from "../theme";
-import './style.css';
+import webauthn from '../../lib/webauthb';
 var SendSns = function (_a) {
     var token = _a.token, inputValue = _a.inputValue, setInputValue = _a.setInputValue, setError = _a.setError, setPageStatus = _a.setPageStatus, setProcessedPhoneNumber = _a.setProcessedPhoneNumber, setModalHeight = _a.setModalHeight, setUser = _a.setUser, environment = _a.environment;
     var _b = useState(true), isValid = _b[0], setIsValid = _b[1];
@@ -159,7 +159,7 @@ var SendSns = function (_a) {
                         });
                         setUser(deviceUser.user);
                         setModalHeight('60vh');
-                        setPageStatus(PageStatus.AllSet);
+                        setPageStatus(10);
                         setIsLoading(false);
                         createDeveloperLog({
                             userId: webauthnLogin.user.id,
@@ -195,37 +195,32 @@ var SendSns = function (_a) {
                     //     });
                     //     setUser(checkResult.user);
                     //     setModalHeight('60vh');
-                    //     setPageStatus(PageStatus.AllSet);
+                    //     setPageStatus(10);
                     //     return;
                     //   }
                     // }
                     if (getVender.vender === 'authid') {
-                        setLogin(PageStatus.AuthidLogin);
+                        setLogin(3);
                         setModalHeight('50vh');
                         setFullName(getVender.fullName);
                     }
                     else if (getVender.vender === 'clear') {
-                        setLogin(PageStatus.ClearLogin);
+                        setLogin(4);
                         setModalHeight('50vh');
                         setFullName(getVender.fullName);
                     }
                     else if (getVender.vender === 'incode') {
-                        setLogin(PageStatus.IncodeLogin);
+                        setLogin(5);
                         setModalHeight('50vh');
                         setFullName(getVender.fullName);
                     }
                     else if (getVender.vender === 'sumsub') {
-                        setLogin(PageStatus.SumsubLogin);
+                        setLogin(8);
                         setModalHeight('50vh');
                         setFullName(getVender.fullName);
                     }
                     else if (getVender.vender === 'veriff') {
-                        setLogin(PageStatus.VeriffLogin);
-                        setModalHeight('50vh');
-                        setFullName(getVender.fullName);
-                    }
-                    else if (getVender.vender === 'yoti') {
-                        setLogin(PageStatus.YotiLogin);
+                        setLogin(9);
                         setModalHeight('50vh');
                         setFullName(getVender.fullName);
                     }

package/dist/components/TryAgain.js

@@ -1,4 +1,4 @@
-import { Button, Stack, Typography } from '@mui/material';
+import { Button, Container, Stack, Typography } from '@mui/material';
 import React from 'react';
 var TryAgain = function (_a) {
     var message = _a.message, pressButton = _a.pressButton;
@@ -8,8 +8,9 @@ var TryAgain = function (_a) {
         else
             window.location.reload();
     };
-    return (React.createElement(Stack, { height: 1, width: 1, justifyContent: 'center', alignItems: 'center', spacing: 4 },
-        React.createElement(Typography, { variant: "h3", fontWeight: 700, textAlign: "center" }, message ? message : 'Authentication Failed, Please Try Again.'),
-        React.createElement(Button, { variant: "contained", color: "primary", onClick: handleContinue }, "Continue")));
+    return (React.createElement(Container, { maxWidth: 'sm', sx: { px: 3 } },
+        React.createElement(Stack, { height: '100vh', width: 1, maxHeight: 900, justifyContent: 'center', alignItems: 'center', spacing: 4 },
+            React.createElement(Typography, { variant: "h3", fontWeight: 700, textAlign: "center" }, message ? message : 'Authentication Failed, Please Try Again.'),
+            React.createElement(Button, { variant: "contained", color: "primary", onClick: handleContinue }, "Continue"))));
 };
 export default TryAgain;

package/dist/components/VerifyWithPhoneNumber/NewUser/index.js

@@ -34,18 +34,18 @@ 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 ArrowBackRoundedIcon from '@mui/icons-material/ArrowBackRounded';
-import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';
+import React from "react";
 import { Box, CircularProgress, IconButton, Input, Stack, Typography } from "@mui/material";
-import React, { useEffect, useState } from "react";
+import theme from "../../theme";
+import { useEffect, useState } from "react";
 import berifymeApi from "../../../api/api";
-import { PageStatus } from "../../../enum";
-import { environmentDomains } from "../../../lib/environmentDomains";
+import ArrowBackRoundedIcon from '@mui/icons-material/ArrowBackRounded';
+import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';
+import Footer from "../../Footer";
 import webauthn from "../../../lib/webauthb";
+import { environmentDomains } from "../../../lib/environmentDomains";
 import { createDeveloperLog } from "../../createDeveloperLog";
-import Footer from "../../Footer";
 import { processPhoneNumber } from "../../phoneNumberProcesser";
-import theme from "../../theme";
 var VerifyNewUser = function (_a) {
     var token = _a.token, inputValue = _a.inputValue, setPageStatus = _a.setPageStatus, setUser = _a.setUser, environment = _a.environment;
     var _b = useState(60), countdown = _b[0], setCountdown = _b[1]; // 倒數計時器，秒數為0表示可重新發送
@@ -152,7 +152,7 @@ var VerifyNewUser = function (_a) {
             React.createElement(Stack, { height: 1, spacing: 2, pt: 1 },
                 React.createElement(Stack, { direction: 'row' },
                     React.createElement(IconButton, { color: 'primary', onClick: function () {
-                            setPageStatus(PageStatus.SendSns);
+                            setPageStatus(0);
                         } },
                         React.createElement(ArrowBackRoundedIcon, null))),
                 React.createElement(Stack, { spacing: 2 },

package/dist/components/VerifyWithPhoneNumber/User/index.js

@@ -34,18 +34,18 @@ 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 { environmentDomains } from "../../../lib/environmentDomains";
 import ArrowBackRoundedIcon from '@mui/icons-material/ArrowBackRounded';
 import { Box, Button, CircularProgress, IconButton, Input, Stack, Typography } from "@mui/material";
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import berifymeApi, { ActionType } from "../../../api/api";
-import { PageStatus } from "../../../enum";
-import { environmentDomains } from "../../../lib/environmentDomains";
-import webauthn from "../../../lib/webauthb";
+import theme from "../../theme";
 import { createAuthenticationLog } from "../../AuthenticationLogs";
 import { createDeveloperLog } from "../../createDeveloperLog";
 import Footer from "../../Footer";
+import webauthn from "../../../lib/webauthb";
 import { processPhoneNumber } from "../../phoneNumberProcesser";
-import theme from "../../theme";
 var VerifyUser = function (_a) {
     var token = _a.token, inputValue = _a.inputValue, setError = _a.setError, setPageStatus = _a.setPageStatus, setUser = _a.setUser, setModalHeight = _a.setModalHeight, environment = _a.environment;
     var _b = useState(60), countdown = _b[0], setCountdown = _b[1]; // 倒數計時器，秒數為0表示可重新發送
@@ -166,7 +166,7 @@ var VerifyUser = function (_a) {
                         });
                         setUser(deviceUser.user);
                         setModalHeight('60vh');
-                        setPageStatus(PageStatus.AllSet);
+                        setPageStatus(10);
                         createDeveloperLog({
                             source: 'FRONTEND',
                             action: 'handle phone number submit stop loading',
@@ -218,32 +218,27 @@ var VerifyUser = function (_a) {
                         });
                     }
                     if (getVender.vender === 'authid') {
-                        setLogin(PageStatus.AuthidLogin);
+                        setLogin(3);
                         setModalHeight('50vh');
                         setFullName(getVender.fullName);
                     }
                     else if (getVender.vender === 'clear') {
-                        setLogin(PageStatus.ClearLogin);
+                        setLogin(4);
                         setModalHeight('50vh');
                         setFullName(getVender.fullName);
                     }
                     else if (getVender.vender === 'incode') {
-                        setLogin(PageStatus.IncodeLogin);
+                        setLogin(5);
                         setModalHeight('50vh');
                         setFullName(getVender.fullName);
                     }
                     else if (getVender.vender === 'sumsub') {
-                        setLogin(PageStatus.SumsubLogin);
+                        setLogin(8);
                         setModalHeight('50vh');
                         setFullName(getVender.fullName);
                     }
                     else if (getVender.vender === 'veriff') {
-                        setLogin(PageStatus.VeriffLogin);
-                        setModalHeight('50vh');
-                        setFullName(getVender.fullName);
-                    }
-                    else if (getVender.vender === 'yoti') {
-                        setLogin(PageStatus.YotiLogin);
+                        setLogin(9);
                         setModalHeight('50vh');
                         setFullName(getVender.fullName);
                     }
@@ -296,7 +291,7 @@ var VerifyUser = function (_a) {
                 React.createElement(Stack, { height: 1, spacing: 2, pt: 1 },
                     React.createElement(Stack, { direction: 'row' },
                         React.createElement(IconButton, { color: 'primary', onClick: function () {
-                                setPageStatus(PageStatus.SendSns);
+                                setPageStatus(0);
                             } },
                             React.createElement(ArrowBackRoundedIcon, null))),
                     React.createElement(Stack, { spacing: 2 },

package/dist/enum/index.js

@@ -15,16 +15,10 @@ export var PageStatus;
     PageStatus[PageStatus["AuthIdOnboarding"] = 2] = "AuthIdOnboarding";
     PageStatus[PageStatus["ClearOnboarding"] = 2.1] = "ClearOnboarding";
     PageStatus[PageStatus["IncodeOnBoarding"] = 2.2] = "IncodeOnBoarding";
-    PageStatus[PageStatus["SumsubOnBoarding"] = 2.3] = "SumsubOnBoarding";
-    PageStatus[PageStatus["VeriffOnBoarding"] = 2.4] = "VeriffOnBoarding";
-    PageStatus[PageStatus["YotiOnBoarding"] = 2.5] = "YotiOnBoarding";
     PageStatus[PageStatus["AuthidLogin"] = 3] = "AuthidLogin";
     PageStatus[PageStatus["ClearLogin"] = 4] = "ClearLogin";
     PageStatus[PageStatus["IncodeLogin"] = 5] = "IncodeLogin";
     PageStatus[PageStatus["ClearLoginAllSet"] = 6] = "ClearLoginAllSet";
     PageStatus[PageStatus["ClearOnboardingAllSet"] = 7] = "ClearOnboardingAllSet";
-    PageStatus[PageStatus["SumsubLogin"] = 8] = "SumsubLogin";
-    PageStatus[PageStatus["VeriffLogin"] = 9] = "VeriffLogin";
-    PageStatus[PageStatus["YotiLogin"] = 11] = "YotiLogin";
     PageStatus[PageStatus["AllSet"] = 10] = "AllSet";
 })(PageStatus || (PageStatus = {}));

package/dist/types/BerifymeModal/index.d.ts

@@ -1,6 +1,6 @@
+import { Environment } from '../enum';
 import React from 'react';
 import '../../index.css';
-import { Environment } from '../enum';
 declare const HomeModal: React.FC<{
     apiKeyId: string;
     secretKey: string;

package/dist/types/api/api.d.ts

@@ -484,7 +484,7 @@ declare function getOrderByCountry({ countryCode }: {
     order?: [];
     error?: string;
 }>;
-declare function createYotiIDVSession({ phoneNumber }: {
+declare function createYotiSession({ phoneNumber }: {
     phoneNumber: string;
 }): Promise<{
     sessionId: string;
@@ -492,14 +492,6 @@ declare function createYotiIDVSession({ phoneNumber }: {
 } | {
     error: string;
 }>;
-declare function createYotiFaceLoginSession({ sessionId }: {
-    sessionId: string;
-}): Promise<{
-    sessionId: string;
-    clientSessionToken: string;
-} | {
-    error: string;
-}>;
 declare function approveYotiUser({ sessionId }: {
     sessionId: string;
 }): Promise<{
@@ -507,13 +499,6 @@ declare function approveYotiUser({ sessionId }: {
 } | {
     error: string;
 }>;
-declare function getYotiFaceLoginResult({ sessionId }: {
-    sessionId: string;
-}): Promise<{
-    isVerified: boolean;
-} | {
-    error: string;
-}>;
 declare function getUserByYotiId({ yotiId }: {
     yotiId: string;
 }): Promise<{
@@ -613,10 +598,8 @@ declare const berifymeApi: {
         getVeriffFaceLoginResult: typeof getVeriffFaceLoginResult;
     };
     yoti: {
-        createYotiIDVSession: typeof createYotiIDVSession;
-        createYotiFaceLoginSession: typeof createYotiFaceLoginSession;
+        createYotiSession: typeof createYotiSession;
         approveYotiUser: typeof approveYotiUser;
-        getYotiFaceLoginResult: typeof getYotiFaceLoginResult;
     };
     getOrderByCountry: typeof getOrderByCountry;
 };

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

@@ -1,13 +1,11 @@
 import React from "react";
 import { UserWithAgeAndFullName } from "../../../api/api";
-declare const AuthID: ({ goToAllSet, setError, userId, setUser, selectedIdType, setSelectedIdType, token, setPageStatus }: {
+declare const AuthID: ({ goToAllSet, setError, userId, setUser, selectedIdType, token }: {
     goToAllSet: () => void;
     setError: React.Dispatch<React.SetStateAction<string | undefined>>;
     userId: string;
     setUser?: React.Dispatch<React.SetStateAction<UserWithAgeAndFullName | undefined>>;
     selectedIdType: string;
-    setSelectedIdType: React.Dispatch<React.SetStateAction<string>>;
     token?: string;
-    setPageStatus?: React.Dispatch<React.SetStateAction<number>>;
 }) => React.JSX.Element;
 export default AuthID;

package/dist/types/components/SendSns/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { User } from '../../api/api';
 import { Environment } from '../../enum';
 import './style.css';
+import { User } from '../../api/api';
 declare const SendSns: ({ token, inputValue, setInputValue, setError, setPageStatus, setProcessedPhoneNumber, setModalHeight, setUser, environment, }: {
     token: string | undefined;
     inputValue: string;

package/dist/types/components/VerifyWithPhoneNumber/User/index.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { UserWithAgeAndFullName } from "../../../api/api";
 import { Environment } from "../../../enum";
+import { UserWithAgeAndFullName } from "../../../api/api";
 declare const VerifyUser: ({ token, inputValue, setError, setPageStatus, setUser, setModalHeight, environment, }: {
     token: string | undefined;
     inputValue: string;

package/dist/types/enum/index.d.ts

@@ -13,16 +13,10 @@ export declare enum PageStatus {
     AuthIdOnboarding = 2,
     ClearOnboarding = 2.1,
     IncodeOnBoarding = 2.2,
-    SumsubOnBoarding = 2.3,
-    VeriffOnBoarding = 2.4,
-    YotiOnBoarding = 2.5,
     AuthidLogin = 3,
     ClearLogin = 4,
     IncodeLogin = 5,
     ClearLoginAllSet = 6,
     ClearOnboardingAllSet = 7,
-    SumsubLogin = 8,
-    VeriffLogin = 9,
-    YotiLogin = 11,
     AllSet = 10
 }

package/package.json

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