@bytexbyte/berifyme-react-sdk 1.0.15 → 1.0.17

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,38 +47,37 @@ 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";
-function startOnboardingSession(uniqueId) {
-    return __awaiter(this, void 0, void 0, function () {
+import { ProcessGlobalWatchlist } from "./processGlobalWatchlist";
+function startOnboardingSession(_a) {
+    return __awaiter(this, arguments, void 0, function (_b) {
         var res;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, berifymeApi.incode.getIncodeStart(uniqueId)];
+        var uniqueId = _b.uniqueId, sessionToken = _b.sessionToken;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0: return [4 /*yield*/, berifymeApi.incode.getIncodeStart({ uniqueId: uniqueId, sessionToken: sessionToken })];
                 case 1:
-                    res = _a.sent();
+                    res = _c.sent();
                     return [2 /*return*/, res];
             }
         });
     });
 }
 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,
@@ -88,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];
                 }
             });
         });
@@ -117,7 +119,7 @@ var IncodeOnBoarding = function (_a) {
         if (isLoaded.current)
             return;
         var res = getUrlParams();
-        startOnboardingSession(res.uniqueId)
+        startOnboardingSession({ uniqueId: res.uniqueId, sessionToken: token })
             .then(function (session) { return __awaiter(void 0, void 0, void 0, function () {
             return __generator(this, function (_a) {
                 setSession(session);
@@ -187,7 +189,7 @@ var IncodeOnBoarding = function (_a) {
                             });
                         }
                         else
-                            setError('Please try again.');
+                            setError('');
                         _a.label = 2;
                     case 2: return [2 /*return*/];
                 }
@@ -195,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, null));
     if (!session)
         return (React.createElement(Box, { sx: {
                 display: 'flex',
@@ -217,6 +225,7 @@ var IncodeOnBoarding = function (_a) {
         React.createElement(ProcessId, { session: session, onError: handleError, onSuccess: goNext }),
         React.createElement(Selfie, { session: session, onError: handleError, onSuccess: goNext }),
         React.createElement(ProcessFace, { session: session, onError: handleError, onSuccess: goNext }),
+        React.createElement(ProcessGlobalWatchlist, { session: session, onError: handleError, onSuccess: goNext, token: token }),
         React.createElement(FinishOnboarding, { session: session, onError: handleError, onSuccess: finishOnboarding }))));
 };
 export { IncodeOnBoarding };

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

@@ -0,0 +1,79 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { useEffect } from "react";
+import { incode } from "../../../vender/incode/incode";
+import { Box, CircularProgress } from "@mui/material";
+import React from "react";
+import berifymeApi from "../../../api/api";
+function ProcessGlobalWatchlist(_a) {
+    var _this = this;
+    var session = _a.session, onSuccess = _a.onSuccess, onError = _a.onError, token = _a.token;
+    useEffect(function () {
+        if (session.watchList === false) {
+            onSuccess();
+            return;
+        }
+        void incode.processGlobalWatchlist({ token: session.token }).then(function (info) {
+            console.log('processGlobalWatchlist success e: ', info);
+            onSuccess();
+        }).catch(function (error) {
+            console.log('processGlobalWatchlist error e: ', error);
+            onError({ type: error });
+        }).finally(function () { return __awaiter(_this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!token)
+                            return [2 /*return*/];
+                        return [4 /*yield*/, berifymeApi.incode.incodeWatchListResult({ incodeSessionToken: session.token, berifymeSessionToken: token, incodeSessionId: session.interviewId })];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    }, [session, onSuccess, onError]);
+    return React.createElement(Box, { sx: {
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            height: '100vh',
+            background: '#FFFFFF'
+        } },
+        React.createElement(CircularProgress, null));
+}
+export { ProcessGlobalWatchlist };

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;