@bytexbyte/berifyme-react-sdk 1.0.16 → 1.0.19

package/dist/BerifymeModal/index.js

@@ -50,19 +50,19 @@ import { ClearOnboarding } from '../components/OnBoarding/clear';
 import { ClearOnboardingAllSet } from '../components/OnBoarding/clear/clearAllSet';
 import { IncodeOnBoarding } from '../components/OnBoarding/incode';
 import Vender from '../components/OnBoarding/vender';
+import QrcodeExpired from '../components/QrcodeExpired';
 import RedirectToMobile from '../components/RedirectToMobile';
 import ScreenRotation from '../components/ScreenRotation';
 import SendSns from '../components/SendSns';
+import SessionInterrupted from '../components/SessionInterrupted';
+import SomethingWrong from '../components/SomethingWrong';
 import theme from '../components/theme';
-import TryAgainInModal from '../components/TryAgainInModal';
 import VerifyNewUser from '../components/VerifyWithPhoneNumber/NewUser';
 import VerifyUser from '../components/VerifyWithPhoneNumber/User';
 import { getPageStatusString, PageStatus } from '../enum';
 import { environmentDomains } from '../lib/environmentDomains';
 import { incode } from '../vender/incode/incode';
 import Modal from './MainModal';
-import QrcodeExpired from '../components/QrcodeExpired';
-import SessionInterrupted from '../components/SessionInterrupted';
 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, onUpdate = _a.onUpdate;
     var _c = useState(window.innerWidth > window.innerHeight), isLandscape = _c[0], setIsLandscape = _c[1];
@@ -138,7 +138,7 @@ var HomeModal = function (_a) {
                             });
                         }
                         else {
-                            setError((_a = res.error) !== null && _a !== void 0 ? _a : 'Oops! Something went wrong...');
+                            setError((_a = res.error) !== null && _a !== void 0 ? _a : 'Something went wrong, but we’re working on it. Please try again later or contact support for assistance.');
                             createDeveloperLog({
                                 userId: user === null || user === void 0 ? void 0 : user.id,
                                 userDataJson: user,
@@ -233,7 +233,10 @@ var HomeModal = function (_a) {
             setAuthIdSelectedIdType('');
     }, [error]);
     useEffect(function () {
-        if (useQrcode) {
+        if (error) {
+            setModalHeight('58vh');
+        }
+        else if (useQrcode) {
             setModalHeight('80vh');
         }
         else if (isLandscape) {
@@ -297,7 +300,7 @@ var HomeModal = function (_a) {
         // 使用callback
         if (onUpdate)
             onUpdate({ detail: detail });
-    }, [pageStatus, useQrcode, isLandscape]);
+    }, [pageStatus, useQrcode, isLandscape, error]);
     useEffect(function () {
         var checkOrientation = function () {
             setIsLandscape(window.innerWidth > window.innerHeight);
@@ -309,11 +312,16 @@ var HomeModal = function (_a) {
             window.removeEventListener('resize', checkOrientation);
         };
     }, []);
+    var venderErrorHandleBack = function () {
+        setAuthIdSelectedIdType('');
+        setPageStatus(PageStatus.IdOrPassport);
+        setError(undefined);
+    };
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: 'default' },
             React.createElement(CssBaseline, null),
             React.createElement(ThemeProvider, { theme: theme },
-                React.createElement(Modal, { height: modalHeight, border: !useQrcode }, error ? React.createElement(TryAgainInModal, { message: error }) :
+                React.createElement(Modal, { height: modalHeight, border: !useQrcode }, error !== undefined ? React.createElement(SomethingWrong, { message: error, venderErrorHandleBack: venderErrorHandleBack }) :
                     React.createElement(React.Fragment, null, useQrcode ? React.createElement(RedirectToMobile, { token: token, environment: environment }) :
                         React.createElement(React.Fragment, null, isLandscape ? React.createElement(ScreenRotation, null) :
                             React.createElement(React.Fragment, null,
@@ -345,18 +353,18 @@ var HomeModal = function (_a) {
                                 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); } }),
+                                    React.createElement(IncodeOnBoarding, { user: user, setUser: setUser, token: token, goToAllSet: function () { return setPageStatus(PageStatus.AllSet); }, setError: setError, onGoBack: function () { return setPageStatus(PageStatus.Vender); } }),
                                 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(PageStatus.AllSet); }, phoneNumber: processedPhoneNumber, setUser: setUser, setError: setError }),
                                 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, setError: setError, user: user, setUser: setUser, goToAllSet: function () { return setPageStatus(PageStatus.AllSet); } }),
                                 pageStatus === PageStatus.ClearLoginAllSet &&
-                                    React.createElement(ClearLoginAllSet, { token: token, desktopRedirectUrlId: desktopRedirectUrlId, setPageStatus: setPageStatus }),
+                                    React.createElement(ClearLoginAllSet, { token: token, desktopRedirectUrlId: desktopRedirectUrlId, setPageStatus: setPageStatus, setError: setError }),
                                 pageStatus === PageStatus.ClearOnboardingAllSet &&
-                                    React.createElement(ClearOnboardingAllSet, { token: token, desktopRedirectUrlId: desktopRedirectUrlId, setPageStatus: setPageStatus }),
+                                    React.createElement(ClearOnboardingAllSet, { token: token, desktopRedirectUrlId: desktopRedirectUrlId, setPageStatus: setPageStatus, setError: setError }),
                                 pageStatus === PageStatus.AllSet &&
-                                    React.createElement(AllSet, { user: user, token: token, desktopRedirectUrlId: desktopRedirectUrlId, setPageStatus: setPageStatus })))))))));
+                                    React.createElement(AllSet, { user: user, token: token, setError: setError, desktopRedirectUrlId: desktopRedirectUrlId, setPageStatus: setPageStatus })))))))));
 };
 export default HomeModal;

package/dist/api/api.js

@@ -794,6 +794,40 @@ function createSessionToken(_a) {
         });
     });
 }
+/** SnapMatch（1:N）用：建立 session token（無 redirectUrl），回傳 sessionToken（session_ 前綴） */
+function createSessionTokenWithoutRedirectUrl(_a) {
+    return __awaiter(this, arguments, void 0, function (_b) {
+        var url, res, error_2;
+        var _c;
+        var apiKeyId = _b.apiKeyId, secretKey = _b.secretKey;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    url = "".concat(config.backendDomain, "/api/thirdParty/createTokenWithoutRedirectUrl");
+                    _d.label = 1;
+                case 1:
+                    _d.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, axios.post(url, {
+                            apiKeyId: apiKeyId,
+                            secretKey: secretKey,
+                        })];
+                case 2:
+                    res = _d.sent();
+                    return [2 /*return*/, res.data];
+                case 3:
+                    error_2 = _d.sent();
+                    if (error_2.response) {
+                        return [2 /*return*/, { error: ((_c = error_2.response.data) === null || _c === void 0 ? void 0 : _c.error) || 'An error occurred. Please try again.' }];
+                    }
+                    else if (error_2.request) {
+                        return [2 /*return*/, { error: 'No response from server. Please check your network and try again.' }];
+                    }
+                    return [2 /*return*/, { error: 'Unexpected error. Please try again later.' }];
+                case 4: return [2 /*return*/];
+            }
+        });
+    });
+}
 function createAuthenticationLogs(_a) {
     return __awaiter(this, arguments, void 0, function (_b) {
         var url, res;
@@ -848,7 +882,7 @@ function updateAuthenticationLogs(_a) {
 }
 function createDeveloperLog(_a) {
     return __awaiter(this, arguments, void 0, function (_b) {
-        var url, res, error_2;
+        var url, res, error_3;
         var userId = _b.userId, sessionToken = _b.sessionToken, action = _b.action, firstDetail = _b.firstDetail, secondDetail = _b.secondDetail, userDataJson = _b.userDataJson, source = _b.source, browser = _b.browser;
         return __generator(this, function (_c) {
             switch (_c.label) {
@@ -876,9 +910,9 @@ function createDeveloperLog(_a) {
                     res = _c.sent();
                     return [2 /*return*/, res.data];
                 case 3:
-                    error_2 = _c.sent();
-                    console.error('Error creating developer log:', error_2);
-                    throw error_2;
+                    error_3 = _c.sent();
+                    console.error('Error creating developer log:', error_3);
+                    throw error_3;
                 case 4: return [2 /*return*/];
             }
         });
@@ -1181,6 +1215,7 @@ var berifymeApi = {
         getRedirectUrl: getRedirectUrl,
         checkThirdPartyVerificationToken: checkThirdPartyVerificationToken,
         checkDesktopRedirectUrlIdExpired: checkDesktopRedirectUrlIdExpired,
+        createSessionTokenWithoutRedirectUrl: createSessionTokenWithoutRedirectUrl,
     },
     scheduld: {
         initUpdateAdminTokenSchedule: initUpdateAdminTokenSchedule,

package/dist/components/AllSet/index.js

@@ -41,7 +41,6 @@ import GppGoodOutlinedIcon from '@mui/icons-material/GppGoodOutlined';
 import { useSpeedTest } from "../speedTest/SpeedProvider";
 import berifymeApi from "../../api/api";
 import { useEffect, useState } from "react";
-import TryAgain from "../TryAgain";
 import { v4 as uuidv4 } from 'uuid';
 import { createDeveloperLog } from "../createDeveloperLog";
 import { PageStatus } from "../../enum";
@@ -63,11 +62,10 @@ var createDeviceId = function (_a) { return __awaiter(void 0, [_a], void 0, func
     });
 }); };
 var AllSet = function (_a) {
-    var user = _a.user, token = _a.token, desktopRedirectUrlId = _a.desktopRedirectUrlId, setPageStatus = _a.setPageStatus;
-    var _b = useState(''), error = _b[0], setError = _b[1];
-    var _c = useState(), desktopStatusMessage = _c[0], setDesktopStatusMessage = _c[1];
-    var _d = useState(true), loading = _d[0], setLoading = _d[1];
-    var _e = useState(''), redirectUrl = _e[0], setRedirectUrl = _e[1];
+    var user = _a.user, token = _a.token, desktopRedirectUrlId = _a.desktopRedirectUrlId, setPageStatus = _a.setPageStatus, setError = _a.setError;
+    var _b = useState(), desktopStatusMessage = _b[0], setDesktopStatusMessage = _b[1];
+    var _c = useState(true), loading = _c[0], setLoading = _c[1];
+    var _d = useState(''), redirectUrl = _d[0], setRedirectUrl = _d[1];
     var checkOldDeviceId = function () { return __awaiter(void 0, void 0, void 0, function () {
         var deviceId, deviceUser;
         return __generator(this, function (_a) {
@@ -103,9 +101,9 @@ var AllSet = function (_a) {
         checkOldDeviceId();
     }, [user === null || user === void 0 ? void 0 : user.phoneNumber]);
     var checkAndIssueToken = function () {
-        // if (user) {
-        //   berifymeApi.blockchain.checkAndIssueToken({ userId: user.id });
-        // }
+        if (user) {
+            berifymeApi.blockchain.checkAndIssueToken({ userId: user.id });
+        }
     };
     var startSpeedTest = useSpeedTest().startSpeedTest;
     useEffect(function () {
@@ -118,10 +116,10 @@ var AllSet = function (_a) {
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
-                    if (!user)
-                        return [2 /*return*/];
-                    if (!token)
+                    if (!user || !token) {
+                        setError('');
                         return [2 /*return*/];
+                    }
                     return [4 /*yield*/, berifymeApi.thirdParty.getRedirectUrl({ userId: user.id, token: token })];
                 case 1:
                     res = _b.sent();
@@ -133,7 +131,7 @@ var AllSet = function (_a) {
                     });
                     setLoading(false);
                     if (!res.redirectUrl) {
-                        setError((_a = res.error) !== null && _a !== void 0 ? _a : 'Oops! Something went wrong...');
+                        setError((_a = res.error) !== null && _a !== void 0 ? _a : 'Something went wrong, but we’re working on it. Please try again later or contact support for assistance.');
                         return [2 /*return*/];
                     }
                     if (desktopRedirectUrlId === undefined) {
@@ -152,32 +150,30 @@ var AllSet = function (_a) {
     useEffect(function () {
         getRedirectUrl();
     }, []);
-    return (React.createElement(React.Fragment, null, error ?
-        React.createElement(TryAgain, { message: error }) :
-        React.createElement(React.Fragment, null, loading ?
-            React.createElement(Box, { sx: {
-                    display: 'flex',
-                    justifyContent: 'center',
-                    alignItems: 'center',
-                    height: '100vh',
-                    background: '#FFFFFF'
-                } },
-                React.createElement(CircularProgress, null)) :
-            React.createElement(Stack, { height: 1, spacing: 4, justifyContent: 'space-between', py: 4, overflow: 'auto' },
-                React.createElement(Stack, { spacing: 2, textAlign: 'center', alignItems: 'center' },
-                    React.createElement("img", { width: 40, height: 40, src: "https://staging.berify.me/berify.svg", alt: "berify" }),
-                    React.createElement(Typography, { variant: "h2", fontWeight: 700 },
-                        "You\u2019re Berified,",
-                        React.createElement("br", null), user === null || user === void 0 ? void 0 :
-                        user.fullName),
-                    React.createElement(Typography, { variant: "body1", color: theme.palette.text.secondary }, "Thank you for securely verifying your identity through Berify.me \uD83C\uDF89")),
-                desktopStatusMessage ?
-                    React.createElement(Stack, { py: 4, textAlign: 'center', alignItems: 'center' },
-                        React.createElement(Typography, { variant: "body1", color: theme.palette.text.secondary }, desktopStatusMessage)) :
-                    React.createElement(Stack, { spacing: 2, alignItems: 'center' },
-                        React.createElement(Button, { variant: "contained", onClick: function () { window.location.href = redirectUrl; }, sx: { minWidth: 160 } }, "Continue")),
-                React.createElement(Stack, { direction: 'row', spacing: 2, textAlign: 'center', justifyContent: 'center', color: theme.palette.text.secondary },
-                    React.createElement(GppGoodOutlinedIcon, null),
-                    React.createElement(Typography, { variant: "body1" }, "Securely powered by Berify.me"))))));
+    return (React.createElement(React.Fragment, null, loading ?
+        React.createElement(Box, { sx: {
+                display: 'flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+                height: 1,
+                background: '#FFFFFF'
+            } },
+            React.createElement(CircularProgress, null)) :
+        React.createElement(Stack, { height: 1, spacing: 4, justifyContent: 'space-between', py: 4, overflow: 'auto' },
+            React.createElement(Stack, { spacing: 2, textAlign: 'center', alignItems: 'center' },
+                React.createElement("img", { width: 40, height: 40, src: "https://idv.berify.me/berify.svg", alt: "berify" }),
+                React.createElement(Typography, { variant: "h2", fontWeight: 700 },
+                    "You\u2019re Berified,",
+                    React.createElement("br", null), user === null || user === void 0 ? void 0 :
+                    user.fullName),
+                React.createElement(Typography, { variant: "body1", color: theme.palette.text.secondary }, "Thank you for securely verifying your identity through Berify.me \uD83C\uDF89")),
+            desktopStatusMessage ?
+                React.createElement(Stack, { py: 4, textAlign: 'center', alignItems: 'center' },
+                    React.createElement(Typography, { variant: "body1", color: theme.palette.text.secondary }, desktopStatusMessage)) :
+                React.createElement(Stack, { spacing: 2, alignItems: 'center' },
+                    React.createElement(Button, { variant: "contained", onClick: function () { window.location.href = redirectUrl; }, sx: { minWidth: 160 } }, "Continue")),
+            React.createElement(Stack, { direction: 'row', spacing: 2, textAlign: 'center', justifyContent: 'center', color: theme.palette.text.secondary },
+                React.createElement(GppGoodOutlinedIcon, null),
+                React.createElement(Typography, { variant: "body1" }, "Securely powered by Berify.me")))));
 };
 export default AllSet;

package/dist/components/Login/authid/authid.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";
@@ -57,17 +57,15 @@ var AuthID = function (_a) {
     var phone = _a.phone, setError = _a.setError, goRedirect = _a.goRedirect, goToTryAgain = _a.goToTryAgain, setUser = _a.setUser, token = _a.token;
     var _b = useState(''), url = _b[0], setUrl = _b[1];
     var _c = useState(''), transactionId = _c[0], setTransactionId = _c[1];
-    var _d = useState(false), loading = _d[0], setIsLoading = _d[1];
-    var _e = useSpeedTest(), stopSpeedTest = _e.stopSpeedTest, startSpeedTest = _e.startSpeedTest;
+    var authIdInit = useRef(false);
+    var _d = useSpeedTest(), stopSpeedTest = _d.stopSpeedTest, startSpeedTest = _d.startSpeedTest;
     useEffect(function () { stopSpeedTest(); }, []);
     //第零部 準備URL
     var createLoginTransaction = function () { return __awaiter(void 0, void 0, void 0, function () {
         var tokenResult, result;
         return __generator(this, function (_a) {
             switch (_a.label) {
-                case 0:
-                    setIsLoading(true);
-                    return [4 /*yield*/, berifymeApi.authID.getAuthIDToken()];
+                case 0: return [4 /*yield*/, berifymeApi.authID.getAuthIDToken()];
                 case 1:
                     tokenResult = _a.sent();
                     localStorage.setItem('authID_token', tokenResult.token);
@@ -76,13 +74,10 @@ var AuthID = function (_a) {
                     result = _a.sent();
                     if (result.error) {
                         setError(result.error);
-                        setIsLoading(false);
                         return [2 /*return*/];
                     }
                     setTransactionId(result.TransactionId);
                     setUrl(result.url);
-                    // setUrl(`https://id.authid.ai/?t=${result.TransactionId}&s=${result.OneTimeSecret}`);
-                    setIsLoading(false);
                     return [2 /*return*/];
             }
         });
@@ -128,7 +123,7 @@ var AuthID = function (_a) {
                             actionType: ActionType.LOGIN,
                             userId: result.userId,
                             vender: 'Berify.me',
-                            token: token,
+                            token: token !== null && token !== void 0 ? token : 'missing token',
                             transactionId: transactionId,
                             isPass: true,
                         });
@@ -162,7 +157,17 @@ var AuthID = function (_a) {
     useEffect(function () { createLoginTransaction(); }, []);
     useEffect(function () {
         if (url) {
+            // 設定一個計時器，假設 10 秒內未收到 init 事件就算失敗
+            setTimeout(function () {
+                if (!authIdInit.current) {
+                    setError('Try again later or choose a different verification provider to proceed.');
+                }
+            }, 6000); // 6 秒超時，可以根據需求調整
             window.addEventListener('message', function (e) {
+                console.log('Listener message: ', e.data);
+                if (e.data.type === 'authid:init') {
+                    authIdInit.current = true; // 初始化成功
+                }
                 if (e.data.type === 'authid:page') {
                     if (e.data.pageName === 'verifiedPage') {
                         if (transactionId && phone)
@@ -181,16 +186,20 @@ var AuthID = function (_a) {
                 console.log('remove message', e.data);
             });
         };
-    }, [url]);
-    return (React.createElement(React.Fragment, null, (url && !loading)
-        ? React.createElement(AuthIDComponent, { url: url, webauth: true })
-        : React.createElement(Box, { sx: {
+    }, [url, authIdInit.current]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Box, { sx: {
                 display: 'flex',
                 justifyContent: 'center',
                 alignItems: 'center',
-                height: '100vh',
-                background: '#FFFFFF'
+                position: 'absolute',
+                top: 0,
+                left: 0,
+                width: '100%',
+                height: '100%',
+                background: 'rgba(255, 255, 255, 0.8)' // 半透明背景
             } },
-            React.createElement(CircularProgress, null))));
+            React.createElement(CircularProgress, null)),
+        url && React.createElement(AuthIDComponent, { url: url, webauth: true })));
 };
 export default AuthID;

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

@@ -1,12 +1,7 @@
 import React from "react";
-import { useState } from "react";
-import TryAgain from "../../TryAgain";
 import AuthID from "./authid";
 var AuthidLogin = function (_a) {
-    var goToAllSet = _a.goToAllSet, phoneNumber = _a.phoneNumber, setUser = _a.setUser, token = _a.token;
-    var _b = useState(), error = _b[0], setError = _b[1];
-    if (error || !token)
-        return (React.createElement(TryAgain, { message: error }));
+    var goToAllSet = _a.goToAllSet, phoneNumber = _a.phoneNumber, setUser = _a.setUser, token = _a.token, setError = _a.setError;
     return (React.createElement(React.Fragment, null,
         React.createElement(AuthID, { token: token, phone: phoneNumber, setError: setError, goRedirect: function () { goToAllSet(); }, goToTryAgain: function () { return setError('Authentication Failed, Please Try Again.'); }, setUser: setUser })));
 };

package/dist/components/Login/clearAllSet.js

@@ -39,13 +39,11 @@ import { useEffect, useState } from "react";
 import berifymeApi, { VerificationStatus } from "../../api/api";
 import { Box, CircularProgress } from "@mui/material";
 import AllSet from "../../components/AllSet";
-import TryAgain from "../TryAgain";
 import { updateAuthenticationLog } from "../AuthenticationLogs";
 import { createDeveloperLog } from "../createDeveloperLog";
 var ClearLoginAllSet = function (_a) {
-    var token = _a.token, desktopRedirectUrlId = _a.desktopRedirectUrlId, setPageStatus = _a.setPageStatus;
+    var token = _a.token, desktopRedirectUrlId = _a.desktopRedirectUrlId, setPageStatus = _a.setPageStatus, setError = _a.setError;
     var _b = useState(), user = _b[0], setUser = _b[1]; // berifyme user
-    var _c = useState(), error = _c[0], setError = _c[1];
     var getUserBySessionId = function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
         var res;
         var sessionId = _b.sessionId, token = _b.token;
@@ -85,9 +83,7 @@ var ClearLoginAllSet = function (_a) {
             return;
         getUserBySessionId({ sessionId: sessionId, token: token });
     }, [token]);
-    if (error)
-        return (React.createElement(TryAgain, { message: error }));
-    return (React.createElement(React.Fragment, null, user ? React.createElement(AllSet, { user: user, token: token, desktopRedirectUrlId: desktopRedirectUrlId, setPageStatus: setPageStatus }) :
+    return (React.createElement(React.Fragment, null, user ? React.createElement(AllSet, { user: user, token: token, desktopRedirectUrlId: desktopRedirectUrlId, setPageStatus: setPageStatus, setError: setError }) :
         React.createElement(Box, { sx: {
                 display: 'flex',
                 justifyContent: 'center',

package/dist/components/Login/incode/Login.js

@@ -80,7 +80,7 @@ function LoginComponent(_a) {
                         setError(res.error);
                     }
                     else {
-                        setError('Oops! Something went wrong...');
+                        setError('Something went wrong, but we’re working on it. Please try again later or contact support for assistance.');
                     }
                     return [2 /*return*/];
             }
@@ -106,7 +106,7 @@ function LoginComponent(_a) {
                 onError: function (r) {
                     startSpeedTest();
                     console.log('onError: ', r);
-                    setError('Oops! Something went wrong...');
+                    setError('Something went wrong, but we’re working on it. Please try again later or contact support for assistance.');
                 },
                 stopAtError: true,
                 isOneToOne: true,
@@ -116,7 +116,7 @@ function LoginComponent(_a) {
             });
         }
         else {
-            setError('Oops! Something went wrong...');
+            setError('Something went wrong, but we’re working on it. Please try again later or contact support for assistance.');
         }
     }, [onSuccess, setError]);
     return React.createElement("div", { ref: containerRef },

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

@@ -62,6 +62,7 @@ var AuthID = function (_a) {
     var _c = useState(''), url = _c[0], setUrl = _c[1];
     var _d = useState(false), showIdOrPassport = _d[0], setShowIdOrPassport = _d[1];
     var docErrorCount = useRef(0);
+    var authIdInit = useRef(false);
     var stopSpeedTest = useSpeedTest().stopSpeedTest;
     useEffect(function () { stopSpeedTest(); }, []);
     //第零部 準備URL
@@ -277,9 +278,23 @@ var AuthID = function (_a) {
         if (selectedIdType !== '')
             proofUser();
     }, [selectedIdType]);
+    var handleClose = function () {
+        docErrorCount.current = 0;
+        setShowIdOrPassport(false);
+    };
     useEffect(function () {
         if (url) {
+            // 設定一個計時器，假設 10 秒內未收到 init 事件就算失敗
+            setTimeout(function () {
+                if (!authIdInit.current) {
+                    setError('Try again later or choose a different verification provider to proceed.');
+                }
+            }, 6000); // 6 秒超時，可以根據需求調整
             window.addEventListener('message', function (e) {
+                console.log('Listener message: ', e.data);
+                if (e.data.type === 'authid:init') {
+                    authIdInit.current = true; // 初始化成功
+                }
                 if (e.data.type === 'authid:page') {
                     console.log(e.data);
                     if (e.data.pageName === 'verifiedPage') {
@@ -307,25 +322,24 @@ var AuthID = function (_a) {
                 console.log('remove message', e.data);
             });
         };
-    }, [url]);
+    }, [url, authIdInit.current]);
     useEffect(function () {
         console.log('error count: ', docErrorCount.current);
     }, [docErrorCount.current]);
-    var handleClose = function () {
-        docErrorCount.current = 0;
-        setShowIdOrPassport(false);
-    };
     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)),
+        React.createElement(Box, { sx: {
+                display: 'flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+                position: 'absolute',
+                top: 0,
+                left: 0,
+                width: '100%',
+                height: '100%',
+                background: 'rgba(255, 255, 255, 0.8)' // 半透明背景
+            } },
+            React.createElement(CircularProgress, null)),
+        url && React.createElement(AuthIDComponent, { url: url, webauth: true }),
         showIdOrPassport &&
             React.createElement(Box, { sx: {
                     position: 'fixed',

package/dist/components/OnBoarding/clear/clearAllSet.js

@@ -39,13 +39,11 @@ import { useEffect, useState } from "react";
 import berifymeApi, { VerificationStatus } from "../../../api/api";
 import { Box, CircularProgress } from "@mui/material";
 import AllSet from "../../AllSet";
-import TryAgain from "../../TryAgain";
 import { updateAuthenticationLog } from "../../AuthenticationLogs";
 import { createDeveloperLog } from "../../createDeveloperLog";
 var ClearOnboardingAllSet = function (_a) {
-    var token = _a.token, desktopRedirectUrlId = _a.desktopRedirectUrlId, setPageStatus = _a.setPageStatus;
+    var token = _a.token, desktopRedirectUrlId = _a.desktopRedirectUrlId, setPageStatus = _a.setPageStatus, setError = _a.setError;
     var _b = useState(), user = _b[0], setUser = _b[1]; // berifyme user
-    var _c = useState(), error = _c[0], setError = _c[1];
     var approve = function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
         var approveRes, res;
         var id = _b.id, sessionId = _b.sessionId, token = _b.token;
@@ -106,9 +104,7 @@ var ClearOnboardingAllSet = function (_a) {
             return;
         approve({ id: res.clearOnboardingCallbackUserId, sessionId: sessionId, token: token });
     }, [token]);
-    if (error)
-        return (React.createElement(TryAgain, { message: error }));
-    return (React.createElement(React.Fragment, null, user ? React.createElement(AllSet, { user: user, token: token, desktopRedirectUrlId: desktopRedirectUrlId, setPageStatus: setPageStatus }) :
+    return (React.createElement(React.Fragment, null, user ? React.createElement(AllSet, { user: user, token: token, desktopRedirectUrlId: desktopRedirectUrlId, setPageStatus: setPageStatus, setError: setError }) :
         React.createElement(Box, { sx: {
                 display: 'flex',
                 justifyContent: 'center',

package/dist/components/OnBoarding/incode/SelectType.js

@@ -34,15 +34,19 @@ 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 { Button, Stack, Typography } from "@mui/material";
-import Layout from "../../Layout";
+import CloseIcon from "@mui/icons-material/Close";
+import { Button, IconButton, Stack, Typography } from "@mui/material";
 import React from "react";
+import Layout from "../../Layout";
 var SelectType = function (_a) {
-    var goToID = _a.goToID, goToPassport = _a.goToPassport;
+    var goToID = _a.goToID, goToPassport = _a.goToPassport, onCloseButtonClick = _a.onCloseButtonClick;
     return (React.createElement(React.Fragment, null,
         React.createElement(Layout, null,
             React.createElement(Stack, { minHeight: 1, width: 1, spacing: 4, maxHeight: 900, py: 20, justifyContent: 'space-between' },
                 React.createElement(Stack, { spacing: 2 },
+                    React.createElement(Stack, { direction: 'row', justifyContent: 'flex-end' },
+                        React.createElement(IconButton, { onClick: onCloseButtonClick },
+                            React.createElement(CloseIcon, null))),
                     React.createElement(Stack, { spacing: 1, textAlign: 'center' },
                         React.createElement(Typography, { variant: "h3", fontWeight: 700 }, "Select what document you want to scan"))),
                 React.createElement(Stack, { spacing: 2, alignItems: 'center' },