@bytexbyte/berifyme-react-sdk 1.0.15 → 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/api/api.js

@@ -357,17 +357,18 @@ function updateAccount(token, data) {
         });
     });
 }
-function getIncodeStart(uniqueId) {
-    return __awaiter(this, void 0, void 0, function () {
+function getIncodeStart(_a) {
+    return __awaiter(this, arguments, void 0, function (_b) {
         var url, res;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
+        var uniqueId = _b.uniqueId, sessionToken = _b.sessionToken;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
                 case 0:
-                    url = "".concat(config.backendDomain, "/api/incode/start?").concat(uniqueId ? "uniqueId=".concat(uniqueId) : '');
+                    url = "".concat(config.backendDomain, "/api/incode/start?sessionToken=").concat(sessionToken).concat(uniqueId ? "&uniqueId=".concat(uniqueId) : '');
                     console.log('UrlString: ', url);
                     return [4 /*yield*/, axios.get(url)];
                 case 1:
-                    res = _a.sent();
+                    res = _c.sent();
                     console.log('UrlRes data: ', res.data);
                     return [2 /*return*/, res.data];
             }
@@ -410,6 +411,29 @@ function getIncodeApprove(_a) {
         });
     });
 }
+function incodeWatchListResult(_a) {
+    return __awaiter(this, arguments, void 0, function (_b) {
+        var url, payload, res;
+        var incodeSessionToken = _b.incodeSessionToken, berifymeSessionToken = _b.berifymeSessionToken, incodeSessionId = _b.incodeSessionId;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    url = "".concat(config.backendDomain, "/api/incode/watchListResult");
+                    console.log('UrlString: ', url);
+                    payload = {
+                        incodeSessionToken: incodeSessionToken,
+                        incodeSessionId: incodeSessionId,
+                        berifymeSessionToken: berifymeSessionToken,
+                    };
+                    return [4 /*yield*/, axios.post(url, payload)];
+                case 1:
+                    res = _c.sent();
+                    console.log('UrlRes data: ', res.data);
+                    return [2 /*return*/, res.data];
+            }
+        });
+    });
+}
 function createVerificationSession(_a) {
     return __awaiter(this, arguments, void 0, function (_b) {
         var url, payload, res;
@@ -1133,6 +1157,7 @@ var berifymeApi = {
         getIncodeStart: getIncodeStart,
         getIncodeFinish: getIncodeFinish,
         getIncodeApprove: getIncodeApprove,
+        incodeWatchListResult: incodeWatchListResult,
     },
     clear: {
         createVerificationSession: createVerificationSession,

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;