@bytexbyte/berifyme-react-sdk 1.0.16 → 1.0.17

package/dist/BerifymeModal/index.js

@@ -54,7 +54,7 @@ import RedirectToMobile from '../components/RedirectToMobile';
 import ScreenRotation from '../components/ScreenRotation';
 import SendSns from '../components/SendSns';
 import theme from '../components/theme';
-import TryAgainInModal from '../components/TryAgainInModal';
+import SomethingWrong from '../components/SomethingWrong';
 import VerifyNewUser from '../components/VerifyWithPhoneNumber/NewUser';
 import VerifyUser from '../components/VerifyWithPhoneNumber/User';
 import { getPageStatusString, PageStatus } from '../enum';
@@ -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 }),
                                 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/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) {
@@ -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/Login/sumsub/index.js

@@ -39,7 +39,7 @@ import React, { useCallback, useEffect, useState } from 'react';
 import berifymeApi from '../../../api/api';
 import { delay } from '../../../common';
 import { createDeveloperLog } from '../../createDeveloperLog';
-import TryAgain from '../../TryAgain';
+import SomethingWrong from '../../SomethingWrong';
 var OPTIONS = { addViewportTag: false, adaptIframeHeight: true };
 var SumsubLogin = function (_a) {
     var user = _a.user, setUser = _a.setUser, goToAllSet = _a.goToAllSet, token = _a.token;
@@ -109,7 +109,7 @@ var SumsubLogin = function (_a) {
                             firstDetail: 'getFaceLoginResult',
                             secondDetail: faceLoginResult.error,
                         });
-                        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*/];
                     }
                     if (!faceLoginResult.isVerified) {
@@ -140,7 +140,7 @@ var SumsubLogin = function (_a) {
                             firstDetail: 'getUserBySumsubId',
                             secondDetail: userResponse.error,
                         });
-                        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*/];
                     }
                     setUser(userResponse.user);
@@ -192,7 +192,7 @@ var SumsubLogin = function (_a) {
                     setError('Face verification failed');
                     return [3 /*break*/, 5];
                 case 4:
-                    setError('Oops! Something went wrong...');
+                    setError('Something went wrong, but we’re working on it. Please try again later or contact support for assistance.');
                     _b.label = 5;
                 case 5: return [2 /*return*/];
             }
@@ -205,7 +205,7 @@ var SumsubLogin = function (_a) {
         initAccessToken();
     }, [initAccessToken]);
     if (error || !token)
-        return (React.createElement(TryAgain, { message: error }));
+        return (React.createElement(SomethingWrong, { message: error }));
     return (React.createElement(React.Fragment, null, accessToken &&
         React.createElement(SumsubWebSdk, { accessToken: accessToken, expirationHandler: accessTokenExpirationHandler, options: OPTIONS, onMessage: messageHandler, onError: errorHandler })));
 };

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

@@ -68,7 +68,7 @@ export default function LoginComponent(_a) {
                             firstDetail: 'getFaceLoginResult',
                             secondDetail: faceLoginResult.error,
                         });
-                        onError('Oops! Something went wrong...');
+                        onError('Something went wrong, but we’re working on it. Please try again later or contact support for assistance.');
                         return [2 /*return*/];
                     }
                     if (!faceLoginResult.isVerified) {
@@ -99,7 +99,7 @@ export default function LoginComponent(_a) {
                             firstDetail: 'getUserByVeriffId',
                             secondDetail: userResponse.error,
                         });
-                        onError('Oops! Something went wrong...');
+                        onError('Something went wrong, but we’re working on it. Please try again later or contact support for assistance.');
                         return [2 /*return*/];
                     }
                     setUser(userResponse.user);

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

@@ -1,6 +1,6 @@
 import React, { useCallback, useState } from 'react';
-import TryAgain from '../../TryAgain';
 import Login from './Login';
+import SomethingWrong from '../../SomethingWrong';
 var VeriffLogin = function (_a) {
     var user = _a.user, setUser = _a.setUser, onSuccess = _a.onSuccess, onGoBack = _a.onGoBack, token = _a.token;
     var _b = useState(), error = _b[0], setError = _b[1];
@@ -8,7 +8,7 @@ var VeriffLogin = function (_a) {
         setError(error);
     }, []);
     if (error || !token)
-        return (React.createElement(TryAgain, { message: error }));
+        return (React.createElement(SomethingWrong, { message: error }));
     return (React.createElement(Login, { user: user, setUser: setUser, onSuccess: onSuccess, onGoBack: onGoBack, onError: handleError, token: token }));
 };
 export default VeriffLogin;

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

@@ -88,7 +88,7 @@ var Login = function (_a) {
                     _a.sent();
                     return [3 /*break*/, 7];
                 case 5:
-                    onError('Oops! Something went wrong. Please try again later.');
+                    onError('Something went wrong, but we’re working on it. Please try again later or contact support for assistance.');
                     return [2 /*return*/];
                 case 6: return [3 /*break*/, 8];
                 case 7:
@@ -122,7 +122,7 @@ var Login = function (_a) {
                             firstDetail: 'getUserByYotiId',
                             secondDetail: JSON.stringify(userResponse),
                         });
-                        onError('Oops! Something went wrong. Please try again later.');
+                        onError('Something went wrong, but we’re working on it. Please try again later or contact support for assistance.');
                         return [2 /*return*/];
                     }
                     // cuz secondDetail is too long
@@ -140,7 +140,7 @@ var Login = function (_a) {
                     return [3 /*break*/, 12];
                 case 10:
                     error_1 = _a.sent();
-                    onError('Oops! Something went wrong. Please try again later.');
+                    onError('Something went wrong, but we’re working on it. Please try again later or contact support for assistance.');
                     return [3 /*break*/, 12];
                 case 11:
                     setLoading(undefined);
@@ -159,7 +159,7 @@ var Login = function (_a) {
             firstDetail: 'handleError',
             secondDetail: JSON.stringify(sessionRef.current),
         });
-        onError('Oops! Something went wrong. Please try again later.');
+        onError('Something went wrong, but we’re working on it. Please try again later or contact support for assistance.');
     }, [onError, token, user]);
     var initYoti = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
         var response, error_2;
@@ -185,14 +185,14 @@ var Login = function (_a) {
                         secondDetail: JSON.stringify(response),
                     });
                     if ('error' in response) {
-                        onError('Oops! Something went wrong. Please try again later.');
+                        onError('Something went wrong, but we’re working on it. Please try again later or contact support for assistance.');
                         return [2 /*return*/];
                     }
                     setSession(response);
                     return [3 /*break*/, 5];
                 case 3:
                     error_2 = _a.sent();
-                    onError('Oops! Something went wrong. Please try again later.');
+                    onError('Something went wrong, but we’re working on it. Please try again later or contact support for assistance.');
                     return [3 /*break*/, 5];
                 case 4:
                     setLoading(undefined);

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

@@ -1,6 +1,6 @@
 import React, { useCallback, useState } from 'react';
-import TryAgain from '../../TryAgain';
 import Login from './Login';
+import SomethingWrong from '../../SomethingWrong';
 var YotiLogin = function (_a) {
     var user = _a.user, setUser = _a.setUser, onSuccess = _a.onSuccess, token = _a.token;
     var _b = useState(), error = _b[0], setError = _b[1];
@@ -8,7 +8,7 @@ var YotiLogin = function (_a) {
         setError(error);
     }, []);
     if (error || !token)
-        return (React.createElement(TryAgain, { message: error }));
+        return (React.createElement(SomethingWrong, { message: error }));
     return (React.createElement(Login, { user: user, setUser: setUser, onSuccess: onSuccess, onError: handleError, token: token }));
 };
 export default YotiLogin;

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

@@ -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/index.js

@@ -47,7 +47,6 @@ import { FinishOnboarding } from "./FinishOnboarding";
 import SelectType from "./SelectType";
 import { Passport } from "./Passport";
 import { Box, CircularProgress } from "@mui/material";
-import TryAgain from "../../TryAgain";
 import berifymeApi, { ActionType } from "../../../api/api";
 import { createAuthenticationLog, updateAuthenticationLog } from "../../AuthenticationLogs";
 import { createDeveloperLog } from "../../createDeveloperLog";
@@ -67,20 +66,18 @@ function startOnboardingSession(_a) {
     });
 }
 var IncodeOnBoarding = function (_a) {
-    var user = _a.user, setUser = _a.setUser, goToAllSet = _a.goToAllSet, token = _a.token;
+    var user = _a.user, setUser = _a.setUser, goToAllSet = _a.goToAllSet, token = _a.token, setError = _a.setError;
     var _b = useState(0), step = _b[0], setStep = _b[1]; // Store the current step
-    var _c = useState(""), error = _c[0], setError = _c[1];
-    var _d = useState(null), session = _d[0], setSession = _d[1]; // Stores the Session
+    var _c = useState(null), session = _c[0], setSession = _c[1]; // Stores the Session
     var isLoaded = useRef(false);
     function finishIncodeOnboarding(id, token, sessionToken) {
         return __awaiter(this, void 0, void 0, function () {
-            var incodeRes;
-            var _a;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
+            var incodeRes, returnBoolean;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
                     case 0: return [4 /*yield*/, berifymeApi.incode.getIncodeFinish({ token: token })];
                     case 1:
-                        _b.sent();
+                        _a.sent();
                         createDeveloperLog({
                             userId: user === null || user === void 0 ? void 0 : user.id,
                             userDataJson: user,
@@ -90,21 +87,24 @@ var IncodeOnBoarding = function (_a) {
                         });
                         return [4 /*yield*/, berifymeApi.incode.getIncodeApprove({ id: id, token: token, sessionToken: sessionToken })];
                     case 2:
-                        incodeRes = _b.sent();
+                        incodeRes = _a.sent();
                         if (incodeRes.error || !incodeRes.user) {
-                            setError((_a = incodeRes.error) !== null && _a !== void 0 ? _a : '');
-                            return [2 /*return*/, false];
+                            setError('');
+                            returnBoolean = false;
+                        }
+                        else {
+                            setUser(incodeRes.user);
+                            returnBoolean = true;
                         }
-                        setUser(incodeRes.user);
                         createDeveloperLog({
                             userId: user === null || user === void 0 ? void 0 : user.id,
                             userDataJson: user,
                             source: 'FRONTEND',
                             action: 'incode getIncodeApprove',
                             sessionToken: token,
-                            firstDetail: "incode user: ".concat(incodeRes.user, ", error: ").concat(incodeRes.error)
+                            firstDetail: "incode user: ".concat(incodeRes === null || incodeRes === void 0 ? void 0 : incodeRes.user, ", error: ").concat(incodeRes === null || incodeRes === void 0 ? void 0 : incodeRes.error)
                         });
-                        return [2 /*return*/, true];
+                        return [2 /*return*/, returnBoolean];
                 }
             });
         });
@@ -189,7 +189,7 @@ var IncodeOnBoarding = function (_a) {
                             });
                         }
                         else
-                            setError('Please try again.');
+                            setError('');
                         _a.label = 2;
                     case 2: return [2 /*return*/];
                 }
@@ -197,10 +197,16 @@ var IncodeOnBoarding = function (_a) {
         });
     }
     function handleError(e) {
-        setError(e.type);
+        createDeveloperLog({
+            userId: user === null || user === void 0 ? void 0 : user.id,
+            userDataJson: user,
+            source: 'FRONTEND',
+            action: 'incode handleError',
+            sessionToken: token,
+            firstDetail: "error: ".concat(e.type)
+        });
+        setError('');
     }
-    if (error)
-        return (React.createElement(TryAgain, { message: "Authentication Failed, Please Try Again." }));
     if (!session)
         return (React.createElement(Box, { sx: {
                 display: 'flex',

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

@@ -39,7 +39,7 @@ import React, { useCallback, useEffect, useState } from 'react';
 import berifymeApi from '../../../api/api';
 import { delay } from '../../../common';
 import { createDeveloperLog } from '../../createDeveloperLog';
-import TryAgain from '../../TryAgain';
+import SomethingWrong from '../../SomethingWrong';
 var RETRY_INTERVAL = 1000 * 5;
 var SumsubOnBoarding = function (_a) {
     var user = _a.user, setUser = _a.setUser, goToAllSet = _a.goToAllSet, token = _a.token;
@@ -111,7 +111,7 @@ var SumsubOnBoarding = function (_a) {
                     _a.sent();
                     return [3 /*break*/, 6];
                 case 4:
-                    setError('Oops! Something went wrong. Please try again later.');
+                    setError('Something went wrong, but we’re working on it. Please try again later or contact support for assistance.');
                     return [2 /*return*/];
                 case 5:
                     if (approveResponse.sumsubId)
@@ -133,7 +133,7 @@ var SumsubOnBoarding = function (_a) {
                         secondDetail: JSON.stringify(userResponse),
                     });
                     if ('error' in userResponse) {
-                        setError('Oops! Something went wrong. Please try again later.');
+                        setError('Something went wrong, but we’re working on it. Please try again later or contact support for assistance.');
                         return [2 /*return*/];
                     }
                     setUser(userResponse.user);
@@ -176,7 +176,7 @@ var SumsubOnBoarding = function (_a) {
         initAccessToken();
     }, [initAccessToken]);
     if (error || !token)
-        return (React.createElement(TryAgain, { message: error }));
+        return (React.createElement(SomethingWrong, { message: error }));
     return (React.createElement(React.Fragment, null, accessToken &&
         React.createElement(SumsubWebSdk, { accessToken: accessToken, expirationHandler: accessTokenExpirationHandler, options: { addViewportTag: false, adaptIframeHeight: true }, config: { theme: 'light' }, onMessage: messageHandler, onError: errorHandler })));
 };

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

@@ -87,7 +87,7 @@ var AuthIdGrid = function (_a) {
                     });
                 }); } },
                 React.createElement(Stack, { width: 1, spacing: 1, px: 2, py: 2, bgcolor: theme.palette.grey[100], borderRadius: 6, alignItems: 'center' },
-                    React.createElement("img", { width: 36, height: 36, src: "https://staging.berify.me/berify-title.webp", alt: "berify-title.webp" }),
+                    React.createElement("img", { width: 36, height: 36, src: "https://idv.berify.me/berify-title.webp", alt: "berify-title.webp" }),
                     React.createElement(Typography, { variant: 'h5', fontWeight: 700, color: 'black' }, "Berify.me"),
                     React.createElement(Typography, { variant: 'body2', color: theme.palette.info.light, fontStyle: 'italic' }, "avg. 26s completion"))))));
 };

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

@@ -7,7 +7,7 @@ var ClearGrid = function (_a) {
         React.createElement(Grid, { item: true, xs: 6 },
             React.createElement(Button, { fullWidth: true, onClick: function () { setPageStatus(2.1); } },
                 React.createElement(Stack, { width: 1, spacing: 1, px: 2, py: 2, bgcolor: theme.palette.grey[100], borderRadius: 6, alignItems: 'center' },
-                    React.createElement("img", { width: 36, height: 36, src: "https://staging.berify.me/clearme.svg", alt: "clearme.svg" }),
+                    React.createElement("img", { width: 36, height: 36, src: "https://idv.berify.me/clearme.svg", alt: "clearme.svg" }),
                     React.createElement(Typography, { variant: 'h5', fontWeight: 700, color: 'black' }, "CLEAR"),
                     React.createElement(Typography, { variant: 'body2', color: theme.palette.info.light, fontStyle: 'italic' }, "avg. 60s completion"))))));
 };

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

@@ -7,7 +7,7 @@ var IncodeGrid = function (_a) {
         React.createElement(Grid, { item: true, xs: 6 },
             React.createElement(Button, { fullWidth: true, onClick: function () { setPageStatus(2.2); } },
                 React.createElement(Stack, { width: 1, spacing: 1, px: 2, py: 2, bgcolor: theme.palette.grey[100], borderRadius: 6, alignItems: 'center' },
-                    React.createElement("img", { width: 36, height: 36, src: "https://staging.berify.me/incode.svg", alt: "incode.svg" }),
+                    React.createElement("img", { width: 36, height: 36, src: "https://idv.berify.me/incode.svg", alt: "incode.svg" }),
                     React.createElement(Typography, { variant: 'h5', fontWeight: 700, color: 'black' }, "Incode"),
                     React.createElement(Typography, { variant: 'body2', color: theme.palette.info.light, fontStyle: 'italic' }, "avg. 30s completion"))))));
 };

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

@@ -7,7 +7,7 @@ var SumsubGrid = function (_a) {
         React.createElement(Grid, { item: true, xs: 6 },
             React.createElement(Button, { fullWidth: true, onClick: function () { setPageStatus(2.3); } },
                 React.createElement(Stack, { width: 1, spacing: 1, px: 2, py: 2, bgcolor: theme.palette.grey[100], borderRadius: 6, alignItems: 'center' },
-                    React.createElement("img", { width: 28, height: 28, src: "/sumsub.svg", alt: "scan" }),
+                    React.createElement("img", { width: 28, height: 28, src: "https://idv.berify.me/sumsub.svg", alt: "scan" }),
                     React.createElement(Typography, { variant: 'h5', fontWeight: 700, color: 'black' }, "Sumsub"),
                     React.createElement(Typography, { variant: 'body2', color: theme.palette.info.light, fontStyle: 'italic' }, "avg. 30s completion"))))));
 };

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

@@ -7,7 +7,7 @@ var VeriffGrid = function (_a) {
         React.createElement(Grid, { item: true, xs: 6 },
             React.createElement(Button, { fullWidth: true, onClick: function () { setPageStatus(2.4); } },
                 React.createElement(Stack, { width: 1, spacing: 1, px: 2, py: 2, bgcolor: theme.palette.grey[100], borderRadius: 6, alignItems: 'center' },
-                    React.createElement("img", { width: 28, height: 28, src: "/veriff.svg", alt: "scan" }),
+                    React.createElement("img", { width: 28, height: 28, src: "https://idv.berify.me/veriff.svg", alt: "scan" }),
                     React.createElement(Typography, { variant: 'h5', fontWeight: 700, color: 'black' }, "Veriff"),
                     React.createElement(Typography, { variant: 'body2', color: theme.palette.info.light, fontStyle: 'italic' }, "avg. 30s completion"))))));
 };

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

@@ -7,7 +7,7 @@ var YotiGrid = function (_a) {
         React.createElement(Grid, { item: true, xs: 6 },
             React.createElement(Button, { fullWidth: true, onClick: function () { setPageStatus(2.5); } },
                 React.createElement(Stack, { width: 1, spacing: 1, px: 2, py: 2, bgcolor: theme.palette.grey[100], borderRadius: 6, alignItems: 'center' },
-                    React.createElement("img", { width: 28, height: 28, src: "/yoti.svg", alt: "scan" }),
+                    React.createElement("img", { width: 28, height: 28, src: "https://idv.berify.me/yoti.svg", alt: "scan" }),
                     React.createElement(Typography, { variant: 'h5', fontWeight: 700, color: 'black' }, "Yoti"),
                     React.createElement(Typography, { variant: 'body2', color: theme.palette.info.light, fontStyle: 'italic' }, "avg. 30s completion"))))));
 };

package/dist/components/OnBoarding/yoti/OnBoarding.js

@@ -86,7 +86,7 @@ var OnBoarding = function (_a) {
                     _a.sent();
                     return [3 /*break*/, 7];
                 case 5:
-                    onError('Oops! Something went wrong. Please try again later.');
+                    onError('Something went wrong, but we’re working on it. Please try again later or contact support for assistance.');
                     return [2 /*return*/];
                 case 6:
                     if (approveResponse.yotiId)
@@ -108,7 +108,7 @@ var OnBoarding = function (_a) {
                             firstDetail: 'getUserByYotiId',
                             secondDetail: JSON.stringify(userResponse),
                         });
-                        onError('Oops! Something went wrong. Please try again later.');
+                        onError('Something went wrong, but we’re working on it. Please try again later or contact support for assistance.');
                         return [2 /*return*/];
                     }
                     // cuz secondDetail is too long
@@ -126,7 +126,7 @@ var OnBoarding = function (_a) {
                     return [3 /*break*/, 12];
                 case 10:
                     error_1 = _a.sent();
-                    onError('Oops! Something went wrong. Please try again later.');
+                    onError('Something went wrong, but we’re working on it. Please try again later or contact support for assistance.');
                     return [3 /*break*/, 12];
                 case 11:
                     setLoading(undefined);
@@ -150,7 +150,7 @@ var OnBoarding = function (_a) {
                 onGoBack();
                 break;
             default:
-                onError('Oops! Something went wrong. Please try again later.');
+                onError('Something went wrong, but we’re working on it. Please try again later or contact support for assistance.');
                 break;
         }
     }, [onError, onGoBack, token, user]);
@@ -178,14 +178,14 @@ var OnBoarding = function (_a) {
                         secondDetail: JSON.stringify(response),
                     });
                     if ('error' in response) {
-                        onError('Oops! Something went wrong. Please try again later.');
+                        onError('Something went wrong, but we’re working on it. Please try again later or contact support for assistance.');
                         return [2 /*return*/];
                     }
                     setSession(response);
                     return [3 /*break*/, 5];
                 case 3:
                     error_2 = _a.sent();
-                    onError('Oops! Something went wrong. Please try again later.');
+                    onError('Something went wrong, but we’re working on it. Please try again later or contact support for assistance.');
                     return [3 /*break*/, 5];
                 case 4:
                     setLoading(undefined);

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

@@ -1,6 +1,6 @@
 import React, { useCallback, useState } from 'react';
-import TryAgain from '../../TryAgain';
 import OnBoarding from './OnBoarding';
+import SomethingWrong from '../../SomethingWrong';
 var YotiOnBoarding = function (_a) {
     var user = _a.user, setUser = _a.setUser, onSuccess = _a.onSuccess, onGoBack = _a.onGoBack, token = _a.token;
     var _b = useState(), error = _b[0], setError = _b[1];
@@ -8,7 +8,7 @@ var YotiOnBoarding = function (_a) {
         setError(error);
     }, []);
     if (error || !token)
-        return (React.createElement(TryAgain, { message: error }));
+        return (React.createElement(SomethingWrong, { message: error }));
     return (React.createElement(OnBoarding, { user: user, setUser: setUser, onSuccess: onSuccess, onError: handleError, onGoBack: onGoBack, token: token }));
 };
 export default YotiOnBoarding;

package/dist/components/QrcodeExpired.js

@@ -6,7 +6,7 @@ var QrcodeExpired = function () {
     return (React.createElement(React.Fragment, 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: 60, height: 60, src: "https://staging.berify.me/errorIcon.png", alt: "berify" }),
+                React.createElement("img", { width: 60, height: 60, src: "https://idv.berify.me/errorIcon.png", alt: "berify" }),
                 React.createElement(Typography, { variant: "h2", fontWeight: 700 }, "QR Code Expired"),
                 React.createElement(Typography, { variant: "body1", color: theme.palette.text.secondary }, "The QR code is only active for 5 minutes."),
                 React.createElement(Typography, { variant: "body1", color: theme.palette.text.secondary }, "Return to the original sign up window to request for a new QR code.")),

package/dist/components/SendSns/index.js

@@ -42,6 +42,7 @@ 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 theme from "../theme";
 import { createAuthenticationLog } from '../AuthenticationLogs';
 import { createDeveloperLog } from '../createDeveloperLog';
@@ -93,7 +94,7 @@ var SendSns = function (_a) {
                 case 1:
                     getVender = _f.sent();
                     if (getVender.error) {
-                        setError((_a = getVender.error) !== null && _a !== void 0 ? _a : 'Oops! Something went wrong...');
+                        setError((_a = getVender.error) !== null && _a !== void 0 ? _a : 'Something went wrong, but we’re working on it. Please try again later or contact support for assistance.');
                         setIsLoading(false);
                         createDeveloperLog({
                             source: 'FRONTEND',
@@ -161,7 +162,7 @@ var SendSns = function (_a) {
                         });
                         setUser(deviceUser.user);
                         setModalHeight('60vh');
-                        setPageStatus(10);
+                        setPageStatus(PageStatus.AllSet);
                         setIsLoading(false);
                         createDeveloperLog({
                             userId: webauthnLogin.user.id,
@@ -202,30 +203,33 @@ var SendSns = 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);
-                        setModalHeight('50vh');
-                        setFullName(getVender.fullName);
-                    }
-                    else if (getVender.vender === 'sumsub') {
-                        setLogin(8);
-                        setModalHeight('50vh');
-                        setFullName(getVender.fullName);
-                    }
-                    else if (getVender.vender === 'veriff') {
-                        setLogin(9);
+                        setLogin(PageStatus.IncodeLogin);
                         setModalHeight('50vh');
                         setFullName(getVender.fullName);
                     }
+                    // else if (getVender.vender === 'sumsub') {
+                    //   setLogin(PageStatus.SumsubLogin);
+                    //   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);
+                    //   setModalHeight('50vh');
+                    //   setFullName(getVender.fullName);
+                    // }
                     else {
                         setPageStatus(1.1);
                         // const res = await berifymeApi.auth.sendPhoneNumberCode({phoneNumber: processedInputValue, token});
@@ -312,10 +316,9 @@ var SendSns = function (_a) {
             React.createElement(Stack, { height: 1, spacing: 4, justifyContent: 'space-between', py: 8 },
                 React.createElement(Stack, { spacing: 2, textAlign: 'center', alignItems: 'center' },
                     React.createElement(Typography, { variant: "h1" }, "\uD83D\uDC4B"),
-                    React.createElement(Typography, { variant: "h2", fontWeight: 700 },
-                        "Welcome back,",
-                        React.createElement("br", null)),
-                    React.createElement(Typography, { variant: "h2", fontWeight: 700 }, fullName),
+                    React.createElement(Stack, null,
+                        React.createElement(Typography, { variant: "h2", fontWeight: 700 }, "Welcome back,"),
+                        React.createElement(Typography, { variant: "h2", fontWeight: 700 }, fullName)),
                     React.createElement(Typography, { variant: "body1", color: theme.palette.text.secondary }, "Take a selfie to verify your identity.")),
                 React.createElement(Stack, { alignItems: 'center' },
                     React.createElement(Button, { variant: "contained", onClick: function () { setPageStatus(login); }, sx: { minWidth: 160 } }, "Take my selfie")),

package/dist/components/SessionInterrupted.js

@@ -6,7 +6,7 @@ var SessionInterrupted = function () {
     return (React.createElement(React.Fragment, 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: 60, height: 60, src: "https://staging.berify.me/warningIcon.png", alt: "berify" }),
+                React.createElement("img", { width: 60, height: 60, src: "https://idv.berify.me/warningIcon.png", alt: "berify" }),
                 React.createElement(Typography, { variant: "h2", fontWeight: 700 }, "Session Interrupted"),
                 React.createElement(Typography, { variant: "body1", color: theme.palette.text.secondary }, "The sign-up window on your desktop browser was closed."),
                 React.createElement(Typography, { variant: "body1", color: theme.palette.text.secondary }, "Please restart the process on your desktop browser to try again.")),

package/dist/components/SomethingWrong.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { Button, Stack, Typography, IconButton } from '@mui/material';
+import ArrowBackIcon from '@mui/icons-material/ArrowBack';
+import Footer from './Footer';
+import { useEffect, useState } from 'react';
+var SomethingWrong = function (_a) {
+    var message = _a.message, pressButton = _a.pressButton, venderErrorHandleBack = _a.venderErrorHandleBack;
+    var _b = useState(false), isVenderError = _b[0], setIsVenderError = _b[1];
+    var handleContinue = function () {
+        if (pressButton)
+            pressButton();
+        else
+            window.location.reload();
+    };
+    useEffect(function () {
+        if (message === 'Try again later or choose a different verification provider to proceed.') {
+            setIsVenderError(true);
+        }
+    }, [message]);
+    return (React.createElement(Stack, { height: 1, width: 1 },
+        isVenderError && (React.createElement(Stack, { width: 1, alignItems: "flex-start", pl: 2, pt: 2 },
+            React.createElement(IconButton, { onClick: venderErrorHandleBack },
+                React.createElement(ArrowBackIcon, { fontSize: 'large', color: 'primary' })))),
+        React.createElement(Stack, { pt: isVenderError ? 0 : 2, height: 1, width: 1, justifyContent: 'space-between', alignItems: 'center' },
+            React.createElement(Stack, { spacing: 4 },
+                React.createElement(Typography, { variant: "h1", fontWeight: 700, textAlign: "center", sx: { fontSize: { xs: '3.8rem', sm: '4rem' }, lineHeight: 1.2 } }, ':-('),
+                React.createElement(Typography, { variant: "h2", fontWeight: 700, textAlign: "center" }, "Oops!"),
+                isVenderError &&
+                    React.createElement(Typography, { variant: "body1", color: "text.secondary", textAlign: "center" }, "Something went wrong."),
+                message !== undefined && React.createElement(Typography, { variant: "body1", color: "text.secondary", textAlign: "center" }, message ? message : 'Something went wrong, but we’re working on it. Please try again later or contact support for assistance.')),
+            React.createElement(Stack, { spacing: 2, pb: 0, alignItems: 'center' },
+                React.createElement(Button, { variant: "contained", color: "primary", onClick: isVenderError ? venderErrorHandleBack : handleContinue, sx: {
+                        bgcolor: 'black',
+                        color: 'white',
+                        borderRadius: '25px',
+                        py: 1.5,
+                        width: '120px'
+                    } }, isVenderError ? 'Go back' : 'Try again'),
+                React.createElement(Footer, null)))));
+};
+export default SomethingWrong;

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

@@ -35,12 +35,12 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import React from "react";
+import ArrowBackRoundedIcon from '@mui/icons-material/ArrowBackRounded';
+import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';
 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 theme from "../../theme";
 import Footer from "../../Footer";
 import webauthn from "../../../lib/webauthb";
 import { environmentDomains } from "../../../lib/environmentDomains";
@@ -118,7 +118,7 @@ var VerifyNewUser = function (_a) {
                     }
                     if (!res.user) {
                         setLoading(false);
-                        setErrorMessage('Oops! Something went wrong...');
+                        setErrorMessage('Something went wrong, but we’re working on it. Please try again later or contact support for assistance.');
                         return [2 /*return*/];
                     }
                     setErrorMessage('');

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

@@ -190,7 +190,7 @@ var VerifyUser = function (_a) {
                 case 5:
                     getVender = _m.sent();
                     if (getVender.error) {
-                        setError((_e = getVender.error) !== null && _e !== void 0 ? _e : 'Oops! Something went wrong...');
+                        setError((_e = getVender.error) !== null && _e !== void 0 ? _e : 'Something went wrong, but we’re working on it. Please try again later or contact support for assistance.');
                         setLoading(false);
                         createDeveloperLog({
                             userId: (_f = res.user) === null || _f === void 0 ? void 0 : _f.id,

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

@@ -1,9 +1,10 @@
 import React from "react";
 import { User } from "../../api/api";
-declare const AllSet: ({ user, token, desktopRedirectUrlId, setPageStatus }: {
+declare const AllSet: ({ user, token, desktopRedirectUrlId, setPageStatus, setError, }: {
     user: User | undefined;
     token: string | undefined;
     desktopRedirectUrlId?: string;
     setPageStatus: React.Dispatch<React.SetStateAction<number>>;
+    setError: React.Dispatch<React.SetStateAction<string | undefined>>;
 }) => React.JSX.Element;
 export default AllSet;

package/dist/types/components/Login/authid/authid.d.ts

@@ -6,6 +6,6 @@ declare const AuthID: ({ phone, setError, goRedirect, goToTryAgain, setUser, tok
     goRedirect: () => void;
     goToTryAgain: () => void;
     setUser: React.Dispatch<React.SetStateAction<UserWithAgeAndFullName | undefined>>;
-    token: string;
+    token?: string;
 }) => React.JSX.Element;
 export default AuthID;

package/dist/types/components/Login/authid/index.d.ts

@@ -5,5 +5,6 @@ declare const AuthidLogin: React.FC<{
     phoneNumber: string;
     setUser: React.Dispatch<React.SetStateAction<UserWithAgeAndFullName | undefined>>;
     token?: string;
+    setError: React.Dispatch<React.SetStateAction<string | undefined>>;
 }>;
 export { AuthidLogin };

package/dist/types/components/Login/clearAllSet.d.ts

@@ -3,5 +3,6 @@ declare const ClearLoginAllSet: React.FC<{
     token?: string;
     desktopRedirectUrlId?: string;
     setPageStatus: React.Dispatch<React.SetStateAction<number>>;
+    setError: React.Dispatch<React.SetStateAction<string | undefined>>;
 }>;
 export { ClearLoginAllSet };

package/dist/types/components/OnBoarding/clear/clearAllSet.d.ts

@@ -3,5 +3,6 @@ declare const ClearOnboardingAllSet: React.FC<{
     token?: string;
     desktopRedirectUrlId?: string;
     setPageStatus: React.Dispatch<React.SetStateAction<number>>;
+    setError: React.Dispatch<React.SetStateAction<string | undefined>>;
 }>;
 export { ClearOnboardingAllSet };

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

@@ -5,5 +5,6 @@ declare const IncodeOnBoarding: React.FC<{
     setUser: React.Dispatch<React.SetStateAction<UserWithAgeAndFullName | undefined>>;
     goToAllSet: () => void;
     token?: string;
+    setError: React.Dispatch<React.SetStateAction<string | undefined>>;
 }>;
 export { IncodeOnBoarding };

package/dist/types/components/SomethingWrong.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const SomethingWrong: ({ message, pressButton, venderErrorHandleBack, }: {
+    message?: string;
+    pressButton?: () => void;
+    venderErrorHandleBack?: () => void;
+}) => React.JSX.Element;
+export default SomethingWrong;

package/package.json

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