@bytexbyte/berifyme-react-sdk 1.0.0 → 1.0.1

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 { useState } from 'react';
+import React, { useState } from 'react';
 import PhoneInput from 'react-phone-input-2';
-import './style.css';
 import berifymeApi, { ActionType } from '../../api/api';
-import theme from "../theme";
+import { PageStatus } from '../../enum';
+import { environmentDomains } from '../../lib/environmentDomains';
+import webauthn from '../../lib/webauthb';
 import { createAuthenticationLog } from '../AuthenticationLogs';
 import { createDeveloperLog } from '../createDeveloperLog';
 import Footer from '../Footer';
 import { processPhoneNumber } from '../phoneNumberProcesser';
-import webauthn from '../../lib/webauthb';
+import theme from "../theme";
+import './style.css';
 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(10);
+                        setPageStatus(PageStatus.AllSet);
                         setIsLoading(false);
                         createDeveloperLog({
                             userId: webauthnLogin.user.id,
@@ -195,32 +195,37 @@ var SendSns = function (_a) {
                     //     });
                     //     setUser(checkResult.user);
                     //     setModalHeight('60vh');
-                    //     setPageStatus(10);
+                    //     setPageStatus(PageStatus.AllSet);
                     //     return;
                     //   }
                     // }
                     if (getVender.vender === 'authid') {
-                        setLogin(3);
+                        setLogin(PageStatus.AuthidLogin);
                         setModalHeight('50vh');
                         setFullName(getVender.fullName);
                     }
                     else if (getVender.vender === 'clear') {
-                        setLogin(4);
+                        setLogin(PageStatus.ClearLogin);
                         setModalHeight('50vh');
                         setFullName(getVender.fullName);
                     }
                     else if (getVender.vender === 'incode') {
-                        setLogin(5);
+                        setLogin(PageStatus.IncodeLogin);
                         setModalHeight('50vh');
                         setFullName(getVender.fullName);
                     }
                     else if (getVender.vender === 'sumsub') {
-                        setLogin(8);
+                        setLogin(PageStatus.SumsubLogin);
                         setModalHeight('50vh');
                         setFullName(getVender.fullName);
                     }
                     else if (getVender.vender === 'veriff') {
-                        setLogin(9);
+                        setLogin(PageStatus.VeriffLogin);
+                        setModalHeight('50vh');
+                        setFullName(getVender.fullName);
+                    }
+                    else if (getVender.vender === 'yoti') {
+                        setLogin(PageStatus.YotiLogin);
                         setModalHeight('50vh');
                         setFullName(getVender.fullName);
                     }

package/dist/components/TryAgain.js

@@ -1,4 +1,4 @@
-import { Button, Container, Stack, Typography } from '@mui/material';
+import { Button, Stack, Typography } from '@mui/material';
 import React from 'react';
 var TryAgain = function (_a) {
     var message = _a.message, pressButton = _a.pressButton;
@@ -8,9 +8,8 @@ var TryAgain = function (_a) {
         else
             window.location.reload();
     };
-    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"))));
+    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")));
 };
 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 React from "react";
-import { Box, CircularProgress, IconButton, Input, Stack, Typography } from "@mui/material";
-import theme from "../../theme";
-import { useEffect, useState } from "react";
-import berifymeApi from "../../../api/api";
 import ArrowBackRoundedIcon from '@mui/icons-material/ArrowBackRounded';
 import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';
-import Footer from "../../Footer";
-import webauthn from "../../../lib/webauthb";
+import { Box, CircularProgress, IconButton, Input, Stack, Typography } from "@mui/material";
+import React, { useEffect, useState } from "react";
+import berifymeApi from "../../../api/api";
+import { PageStatus } from "../../../enum";
 import { environmentDomains } from "../../../lib/environmentDomains";
+import webauthn from "../../../lib/webauthb";
 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(0);
+                            setPageStatus(PageStatus.SendSns);
                         } },
                         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 { useEffect, useState } from "react";
+import React, { useEffect, useState } from "react";
 import berifymeApi, { ActionType } from "../../../api/api";
-import theme from "../../theme";
+import { PageStatus } from "../../../enum";
+import { environmentDomains } from "../../../lib/environmentDomains";
+import webauthn from "../../../lib/webauthb";
 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(10);
+                        setPageStatus(PageStatus.AllSet);
                         createDeveloperLog({
                             source: 'FRONTEND',
                             action: 'handle phone number submit stop loading',
@@ -218,27 +218,32 @@ var VerifyUser = function (_a) {
                         });
                     }
                     if (getVender.vender === 'authid') {
-                        setLogin(3);
+                        setLogin(PageStatus.AuthidLogin);
                         setModalHeight('50vh');
                         setFullName(getVender.fullName);
                     }
                     else if (getVender.vender === 'clear') {
-                        setLogin(4);
+                        setLogin(PageStatus.ClearLogin);
                         setModalHeight('50vh');
                         setFullName(getVender.fullName);
                     }
                     else if (getVender.vender === 'incode') {
-                        setLogin(5);
+                        setLogin(PageStatus.IncodeLogin);
                         setModalHeight('50vh');
                         setFullName(getVender.fullName);
                     }
                     else if (getVender.vender === 'sumsub') {
-                        setLogin(8);
+                        setLogin(PageStatus.SumsubLogin);
                         setModalHeight('50vh');
                         setFullName(getVender.fullName);
                     }
                     else if (getVender.vender === 'veriff') {
-                        setLogin(9);
+                        setLogin(PageStatus.VeriffLogin);
+                        setModalHeight('50vh');
+                        setFullName(getVender.fullName);
+                    }
+                    else if (getVender.vender === 'yoti') {
+                        setLogin(PageStatus.YotiLogin);
                         setModalHeight('50vh');
                         setFullName(getVender.fullName);
                     }
@@ -291,7 +296,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(0);
+                                setPageStatus(PageStatus.SendSns);
                             } },
                             React.createElement(ArrowBackRoundedIcon, null))),
                     React.createElement(Stack, { spacing: 2 },

package/dist/enum/index.js

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

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/authId/index.d.ts

@@ -1,11 +1,13 @@
 import React from "react";
 import { UserWithAgeAndFullName } from "../../../api/api";
-declare const AuthID: ({ goToAllSet, setError, userId, setUser, selectedIdType, token }: {
+declare const AuthID: ({ goToAllSet, setError, userId, setUser, selectedIdType, setSelectedIdType, token, setPageStatus }: {
     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/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/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 { Environment } from "../../../enum";
 import { UserWithAgeAndFullName } from "../../../api/api";
+import { Environment } from "../../../enum";
 declare const VerifyUser: ({ token, inputValue, setError, setPageStatus, setUser, setModalHeight, environment, }: {
     token: string | undefined;
     inputValue: string;

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

@@ -13,10 +13,16 @@ 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.0",
+  "version": "1.0.1",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/types/index.d.ts",