@bytexbyte/berifyme-react-sdk 1.0.4 → 1.0.5

package/dist/BerifymeModal/index.js

@@ -253,7 +253,7 @@ var HomeModal = function (_a) {
             setModalHeight('64vh');
         }
         else if (pageStatus === PageStatus.AuthIdOnboarding) {
-            setModalHeight('90vh');
+            setModalHeight('100vh');
         }
         else if (pageStatus === PageStatus.ClearLogin) {
             setModalHeight('100vh');
@@ -335,7 +335,7 @@ 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 }),
+                                    React.createElement(AuthID, { token: token, goToAllSet: function () { return setPageStatus(PageStatus.AllSet); }, setError: setError, userId: user.id, setUser: setUser, selectedIdType: authIdSelectedIdType, setSelectedIdType: setAuthIdSelectedIdType, setPageStatus: setPageStatus }),
                                 pageStatus === PageStatus.ClearOnboarding && user &&
                                     React.createElement(ClearOnboarding, { token: token, user: user, desktopRedirectUrlId: desktopRedirectUrlId }),
                                 pageStatus === PageStatus.IncodeOnBoarding && user &&

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

@@ -40,13 +40,15 @@ import { useEffect, useState } from "react";
 import berifymeApi from "../../../api/api";
 import theme from "../../theme";
 var AuthIdSelectType = function (_a) {
-    var setSelectedIdType = _a.setSelectedIdType, setError = _a.setError;
+    var setSelectedIdType = _a.setSelectedIdType, setError = _a.setError, setPageStatus = _a.setPageStatus;
     var _b = useState([]), idTypes = _b[0], setIdTypes = _b[1];
     var initTypeButton = function () { return __awaiter(void 0, void 0, void 0, function () {
         var result, documentTypes, filteredDocuments;
         return __generator(this, function (_a) {
             switch (_a.label) {
-                case 0: return [4 /*yield*/, berifymeApi.authID.getIdDocumentTypes({ token: localStorage.getItem('authID_token') || '' })];
+                case 0:
+                    setSelectedIdType('');
+                    return [4 /*yield*/, berifymeApi.authID.getIdDocumentTypes({ token: localStorage.getItem('authID_token') || '' })];
                 case 1:
                     result = _a.sent();
                     if (result.error) {
@@ -73,10 +75,12 @@ var AuthIdSelectType = function (_a) {
         console.log(idTypes);
     }, [idTypes]);
     return (React.createElement(Stack, { spacing: 2, alignItems: 'center' },
-        idTypes[0] && React.createElement(Button, { fullWidth: true, sx: { p: 2, maxWidth: 200, bgcolor: theme.palette.secondary.dark }, variant: "contained", color: 'secondary', onClick: function () { return setSelectedIdType(idTypes[0].Name); } },
+        idTypes[0] && React.createElement(Button, { fullWidth: true, sx: { p: 2, maxWidth: 200, bgcolor: theme.palette.secondary.dark }, variant: "contained", color: 'secondary', onClick: function () { if (setPageStatus)
+                setPageStatus(-1); setSelectedIdType(idTypes[0].Name); } },
             React.createElement(Typography, { variant: "h5", fontWeight: 700 }, "Upload ID")),
         idTypes[1] && React.createElement(Typography, { variant: "h5", fontWeight: 700, color: theme.palette.text.secondary }, "OR"),
-        idTypes[1] && React.createElement(Button, { fullWidth: true, sx: { p: 2, maxWidth: 200, bgcolor: theme.palette.secondary.dark }, variant: "contained", color: 'secondary', onClick: function () { return setSelectedIdType(idTypes[1].Name); } },
+        idTypes[1] && React.createElement(Button, { fullWidth: true, sx: { p: 2, maxWidth: 200, bgcolor: theme.palette.secondary.dark }, variant: "contained", color: 'secondary', onClick: function () { if (setPageStatus)
+                setPageStatus(-1); setSelectedIdType(idTypes[1].Name); } },
             React.createElement(Typography, { variant: "h5", fontWeight: 700 }, "Upload Passport"))));
 };
 export default AuthIdSelectType;

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

@@ -47,16 +47,20 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 import React from "react";
 import AuthIDComponent from "@authid/react-component";
-import { Box, CircularProgress } from "@mui/material";
-import { useEffect, useState } from "react";
+import { Box, CircularProgress, Stack, Typography } from "@mui/material";
+import { useEffect, useRef, useState } from "react";
 import berifymeApi, { ActionType } from "../../../api/api";
 import { useSpeedTest } from "../../speedTest/SpeedProvider";
 import { createAuthenticationLog, updateAuthenticationLog } from "../../AuthenticationLogs";
 import { createDeveloperLog } from "../../createDeveloperLog";
+import AuthIdSelectType from "./authIdSelectType";
+import theme from "../../../theme";
 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(false), showIdOrPassport = _d[0], setShowIdOrPassport = _d[1];
+    var docErrorCount = useRef(0);
     var stopSpeedTest = useSpeedTest().stopSpeedTest;
     useEffect(function () { stopSpeedTest(); }, []);
     //第零部 準備URL
@@ -283,8 +287,11 @@ var AuthID = function (_a) {
         });
     }); };
     //初始與監聽
-    useEffect(function () { if (selectedIdType !== '')
-        proofUser(); }, [selectedIdType]);
+    useEffect(function () {
+        docErrorCount.current = 0;
+        if (selectedIdType !== '')
+            proofUser();
+    }, [selectedIdType]);
     useEffect(function () {
         if (url) {
             window.addEventListener('message', function (e) {
@@ -295,6 +302,13 @@ var AuthID = function (_a) {
                             getProofTransactionStatus();
                         }, 1000);
                     }
+                    if (e.data.pageName === 'documentFailedPage') {
+                        docErrorCount.current += 1;
+                        if (docErrorCount.current >= 3) {
+                            setShowIdOrPassport(true);
+                        }
+                    }
+                    console.log('e.data.pageName: ', e.data.pageName);
                 }
             });
         }
@@ -309,15 +323,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)))));
+    useEffect(function () {
+        console.log('error count: ', docErrorCount.current);
+    }, [docErrorCount.current]);
+    return (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)),
+        showIdOrPassport &&
+            React.createElement(Box, { sx: {
+                    position: 'fixed',
+                    bottom: 0, left: 0,
+                    width: '100%', height: '36%',
+                    background: '#fff', textAlign: 'center',
+                    padding: '16px', zIndex: 1000, // 确保覆盖其他内容
+                } },
+                React.createElement(Stack, { spacing: 3, height: 1, justifyContent: 'center' },
+                    React.createElement(Typography, { variant: "body1", sx: { fontWeight: 'bold' }, color: theme.palette.text.secondary }, "Having trouble?"),
+                    React.createElement(AuthIdSelectType, { setSelectedIdType: setSelectedIdType, setError: setError, setPageStatus: setPageStatus })))));
 };
 export default AuthID;

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

@@ -1,6 +1,7 @@
 import React from "react";
-declare const AuthIdSelectType: ({ setSelectedIdType, setError, }: {
+declare const AuthIdSelectType: ({ setSelectedIdType, setError, setPageStatus, }: {
     setSelectedIdType: React.Dispatch<React.SetStateAction<string>>;
     setError: React.Dispatch<React.SetStateAction<string | undefined>>;
+    setPageStatus?: React.Dispatch<React.SetStateAction<number>>;
 }) => React.JSX.Element;
 export default AuthIdSelectType;

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytexbyte/berifyme-react-sdk",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/types/index.d.ts",
@@ -8,7 +8,8 @@
     "test": "echo \"Error: no test specified\" && exit 1",
     "build": "tsc && copyfiles -u 1 'src/**/*.{css,svg}' dist",
     "webpack": "webpack",
-    "esbuild": "node esbuild.config.js"
+    "esbuild": "node esbuild.config.js",
+    "release": "yarn build && npm publish"
   },
   "keywords": [],
   "author": "",