@bytexbyte/berifyme-react-sdk 1.0.0

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

@@ -0,0 +1,27 @@
+import { useEffect, useRef } from "react";
+import { incode } from "../../../vender/incode/incode";
+import React from "react";
+var FrontId = function (_a) {
+    var session = _a.session, onSuccess = _a.onSuccess, onError = _a.onError;
+    var containerRef = useRef(null);
+    var isMounted = useRef(false);
+    useEffect(function () {
+        if (isMounted.current) {
+            return;
+        }
+        incode.renderCamera("front", containerRef.current, {
+            onSuccess: function () {
+                onSuccess();
+            },
+            onError: function () { return onError({ type: "Couldn't Capture FrontId" }); },
+            token: session,
+            numberOfTries: 3,
+            showTutorial: false,
+            showCustomCameraPermissionScreen: true,
+            showDoublePermissionsRequest: true,
+        });
+        isMounted.current = true;
+    }, [session, onSuccess, onError]);
+    return React.createElement("div", { ref: containerRef });
+};
+export { FrontId };

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

@@ -0,0 +1,27 @@
+import { useEffect, useRef } from "react";
+import { incode } from "../../../vender/incode/incode";
+import React from "react";
+var Passport = function (_a) {
+    var session = _a.session, onSuccess = _a.onSuccess, onError = _a.onError;
+    var containerRef = useRef(null);
+    var isMounted = useRef(false);
+    useEffect(function () {
+        if (isMounted.current) {
+            return;
+        }
+        incode.renderCamera("passport", containerRef.current, {
+            onSuccess: function () {
+                onSuccess();
+            },
+            onError: function () { return onError({ type: "Couldn't Capture FrontId" }); },
+            token: session,
+            numberOfTries: 3,
+            showTutorial: false,
+            showCustomCameraPermissionScreen: true,
+            showDoublePermissionsRequest: true,
+        });
+        isMounted.current = true;
+    }, [session, onSuccess, onError]);
+    return React.createElement("div", { ref: containerRef });
+};
+export { Passport };

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

@@ -0,0 +1,22 @@
+import { useEffect } from "react";
+import { incode } from "../../../vender/incode/incode";
+import React from "react";
+import { Box, CircularProgress } from "@mui/material";
+function ProcessFace(_a) {
+    var session = _a.session, onSuccess = _a.onSuccess, onError = _a.onError;
+    useEffect(function () {
+        void incode.processFace({ token: session.token }).then(function () {
+            onSuccess();
+        }).catch(function (error) {
+            onError({ type: error });
+        });
+    }, [session, onSuccess, onError]);
+    return React.createElement(Box, { sx: {
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            height: '100vh'
+        } },
+        React.createElement(CircularProgress, null));
+}
+export { ProcessFace };

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

@@ -0,0 +1,22 @@
+import { useEffect } from "react";
+import { incode } from "../../../vender/incode/incode";
+import React from "react";
+import { Box, CircularProgress } from "@mui/material";
+function ProcessId(_a) {
+    var session = _a.session, onSuccess = _a.onSuccess, onError = _a.onError;
+    useEffect(function () {
+        void incode.processId({ token: session.token }).then(function () {
+            onSuccess();
+        }).catch(function (error) {
+            onError({ type: error });
+        });
+    }, [session, onSuccess, onError]);
+    return React.createElement(Box, { sx: {
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            height: '100vh'
+        } },
+        React.createElement(CircularProgress, null));
+}
+export { ProcessId };

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

@@ -0,0 +1,68 @@
+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 { Button, Stack, Typography } from "@mui/material";
+import Layout from "../../Layout";
+import React from "react";
+var SelectType = function (_a) {
+    var goToID = _a.goToID, goToPassport = _a.goToPassport;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Layout, null,
+            React.createElement(Stack, { minHeight: 1, width: 1, spacing: 4, maxHeight: 900, py: 20, justifyContent: 'space-between' },
+                React.createElement(Stack, { spacing: 2 },
+                    React.createElement(Stack, { spacing: 1, textAlign: 'center' },
+                        React.createElement(Typography, { variant: "h3", fontWeight: 700 }, "Select what document you want to scan"))),
+                React.createElement(Stack, { spacing: 2, alignItems: 'center' },
+                    React.createElement(Button, { fullWidth: true, sx: { p: 2, maxWidth: 200 }, variant: "contained", color: 'secondary', onClick: function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                goToID();
+                                return [2 /*return*/];
+                            });
+                        }); } },
+                        React.createElement(Stack, { direction: 'row', alignItems: 'center', spacing: 2 },
+                            React.createElement(Stack, { spacing: 1 },
+                                React.createElement(Typography, { variant: "h5", fontWeight: 700 }, "ID")))),
+                    React.createElement(Button, { fullWidth: true, sx: { p: 2, maxWidth: 200 }, variant: "contained", color: 'secondary', onClick: function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                goToPassport();
+                                return [2 /*return*/];
+                            });
+                        }); } },
+                        React.createElement(Stack, { direction: 'row', alignItems: 'center', spacing: 2 },
+                            React.createElement(Stack, { spacing: 1 },
+                                React.createElement(Typography, { variant: "h5", fontWeight: 700 }, "Passport")))))))));
+};
+export default SelectType;

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

@@ -0,0 +1,25 @@
+import { useEffect, useRef } from "react";
+import { incode } from "../../../vender/incode/incode";
+import React from "react";
+function Selfie(_a) {
+    var session = _a.session, onSuccess = _a.onSuccess, onError = _a.onError;
+    var containerRef = useRef(null);
+    var isMounted = useRef(false);
+    useEffect(function () {
+        if (isMounted.current) {
+            return;
+        }
+        incode.renderCamera("selfie", containerRef.current, {
+            onSuccess: onSuccess,
+            onError: function () { return onError({ type: "Couldn't Capture Selfie" }); },
+            token: session,
+            numberOfTries: 3,
+            showTutorial: false,
+            showCustomCameraPermissionScreen: true,
+            showDoublePermissionsRequest: true,
+        });
+        isMounted.current = true;
+    }, [session, onSuccess, onError]);
+    return React.createElement("div", { ref: containerRef });
+}
+export { Selfie };

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

@@ -0,0 +1,7 @@
+import React from "react";
+import { Children, cloneElement } from "react";
+function Steps(_a) {
+    var children = _a.children, currentStep = _a.currentStep;
+    return (React.createElement(React.Fragment, null, Children.map(children, function (child, index) { return currentStep === index && cloneElement(child); })));
+}
+export default Steps;

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

@@ -0,0 +1,30 @@
+import { useEffect, useRef } from "react";
+import { incode } from "../../../vender/incode/incode";
+import React from "react";
+import { useSpeedTest } from "../../speedTest/SpeedProvider";
+function UserConsent(_a) {
+    var session = _a.session, onSuccess = _a.onSuccess;
+    var containerRef = useRef(null);
+    var isMounted = useRef(false);
+    var stopSpeedTest = useSpeedTest().stopSpeedTest;
+    useEffect(function () { stopSpeedTest(); }, []);
+    useEffect(function () {
+        function captureAndContinue() {
+            // Now that the user consented, we can ask for this data
+            // Optional but valuable for fraud prevention, hurts conversion
+            // incode.sendFingerprint(session);
+            // incode.sendGeolocation(session);
+            onSuccess();
+        }
+        if (isMounted.current) {
+            return;
+        }
+        incode.renderUserConsent(containerRef.current, {
+            onSuccess: function () { captureAndContinue(); },
+            session: session,
+        });
+        isMounted.current = true;
+    }, [session, onSuccess]);
+    return React.createElement("div", { ref: containerRef });
+}
+export { UserConsent };

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

@@ -0,0 +1,234 @@
+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 React from "react";
+import { useEffect, useRef, useState } from "react";
+import Steps from "./Steps";
+import { UserConsent } from "./UserConsent";
+import { FrontId } from "./FrontId";
+import { BackId } from "./BackId";
+import { ProcessId } from "./ProcessId";
+import { Selfie } from "./Selfie";
+import { ProcessFace } from "./ProcessFace";
+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 () {
+        var res;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, berifymeApi.incode.getIncodeStart(uniqueId)];
+                case 1:
+                    res = _a.sent();
+                    return [2 /*return*/, res];
+            }
+        });
+    });
+}
+var IncodeOnBoarding = function (_a) {
+    var user = _a.user, setUser = _a.setUser, goToAllSet = _a.goToAllSet, token = _a.token;
+    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 isLoaded = useRef(false);
+    function finishIncodeOnboarding(id, token, uniqueId) {
+        return __awaiter(this, void 0, void 0, function () {
+            var incodeRes, res;
+            var _a, _b;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0: return [4 /*yield*/, berifymeApi.incode.getIncodeFinish({ token: token })];
+                    case 1:
+                        _c.sent();
+                        createDeveloperLog({
+                            userId: user === null || user === void 0 ? void 0 : user.id,
+                            userDataJson: user,
+                            source: 'FRONTEND',
+                            action: 'incode Onboarding getIncodeFinish',
+                            sessionToken: token,
+                        });
+                        return [4 /*yield*/, berifymeApi.incode.getIncodeApprove({ id: id, token: token, uniqueId: uniqueId })];
+                    case 2:
+                        incodeRes = _c.sent();
+                        createDeveloperLog({
+                            userId: user === null || user === void 0 ? void 0 : user.id,
+                            userDataJson: user,
+                            source: 'FRONTEND',
+                            action: 'incode getIncodeApprove',
+                            sessionToken: token,
+                            firstDetail: "incodeId: ".concat(incodeRes.incodeId, ", error: ").concat(incodeRes.error)
+                        });
+                        if (incodeRes.error || !incodeRes.incodeId) {
+                            setError((_a = incodeRes.error) !== null && _a !== void 0 ? _a : '');
+                            return [2 /*return*/, false];
+                        }
+                        return [4 /*yield*/, berifymeApi.user.getUserByIncodeId(incodeRes.incodeId)];
+                    case 3:
+                        res = _c.sent();
+                        createDeveloperLog({
+                            userId: (_b = res.user) === null || _b === void 0 ? void 0 : _b.id,
+                            userDataJson: res.user,
+                            source: 'FRONTEND',
+                            action: 'incode getUserByIncodeId',
+                            sessionToken: token,
+                            firstDetail: "error: ".concat(incodeRes.error)
+                        });
+                        if (!res.user)
+                            return [2 /*return*/, false];
+                        setUser(res.user);
+                        return [2 /*return*/, true];
+                }
+            });
+        });
+    }
+    function getUrlParams() {
+        var searchParams = new URLSearchParams(window.location.search);
+        return {
+            uniqueId: searchParams.get('uniqueId') || '',
+        };
+    }
+    useEffect(function () {
+        if (isLoaded.current)
+            return;
+        var res = getUrlParams();
+        startOnboardingSession(res.uniqueId)
+            .then(function (session) { return __awaiter(void 0, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                setSession(session);
+                if (token) {
+                    createDeveloperLog({
+                        userId: user === null || user === void 0 ? void 0 : user.id,
+                        userDataJson: user,
+                        source: 'FRONTEND',
+                        action: 'incode startOnboardingSession',
+                        sessionToken: token,
+                        firstDetail: session.interviewId,
+                    });
+                    createAuthenticationLog({
+                        actionType: ActionType.ONBOARDING,
+                        userId: user.id,
+                        vender: 'incode',
+                        token: token,
+                        incodeSessionId: session.interviewId,
+                    });
+                }
+                return [2 /*return*/];
+            });
+        }); })
+            .catch(function (e) { return console.log(e); });
+        isLoaded.current = true;
+    }, []);
+    function goNext() {
+        console.log('step: ', step + 1);
+        setStep(step + 1);
+        createDeveloperLog({
+            userId: user === null || user === void 0 ? void 0 : user.id,
+            userDataJson: user,
+            source: 'FRONTEND',
+            action: 'incode step',
+            sessionToken: token,
+            firstDetail: (step + 1).toString(),
+        });
+    }
+    function goTo(stepToGo) {
+        console.log('step go to: ', stepToGo);
+        setStep(stepToGo);
+        createDeveloperLog({
+            userId: user === null || user === void 0 ? void 0 : user.id,
+            userDataJson: user,
+            source: 'FRONTEND',
+            action: 'incode step',
+            sessionToken: token,
+            firstDetail: stepToGo.toString(),
+        });
+    }
+    function finishOnboarding() {
+        return __awaiter(this, void 0, void 0, function () {
+            var success;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!(session && session.uniqueId)) return [3 /*break*/, 2];
+                        return [4 /*yield*/, finishIncodeOnboarding(user.id, session.token, session.uniqueId)];
+                    case 1:
+                        success = _a.sent();
+                        if (success) {
+                            goToAllSet();
+                            updateAuthenticationLog({
+                                isPass: true,
+                                incodeSessionId: session.interviewId,
+                            });
+                        }
+                        else
+                            setError('Please try again.');
+                        _a.label = 2;
+                    case 2: return [2 /*return*/];
+                }
+            });
+        });
+    }
+    function handleError(e) {
+        setError(e.type);
+    }
+    if (error)
+        return (React.createElement(TryAgain, null));
+    if (!session)
+        return (React.createElement(Box, { sx: {
+                display: 'flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+                height: '100vh',
+                background: '#FFFFFF'
+            } },
+            React.createElement(CircularProgress, null)));
+    return (React.createElement(React.Fragment, null, user.id && React.createElement(Steps, { currentStep: step },
+        React.createElement(UserConsent, { session: session, onSuccess: goNext }),
+        React.createElement(SelectType, { goToID: goNext, goToPassport: function () { goTo(4); } }),
+        React.createElement(FrontId, { session: session, onError: handleError, onSuccess: goNext }),
+        React.createElement(BackId, { session: session, onError: handleError, onSuccess: function () { goTo(5); } }),
+        React.createElement(Passport, { session: session, onError: handleError, onSuccess: goNext }),
+        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(FinishOnboarding, { session: session, onError: handleError, onSuccess: finishOnboarding }))));
+};
+export { IncodeOnBoarding };

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

@@ -0,0 +1,94 @@
+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 React from "react";
+import { Button, Grid, Stack, Typography } from "@mui/material";
+import berifymeApi from "../../../../api/api";
+import theme from "../../../theme";
+var AuthIdGrid = function (_a) {
+    var setPageStatus = _a.setPageStatus, setError = _a.setError, user = _a.user;
+    var getAuthIdAccountDetail = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var account;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0: return [4 /*yield*/, berifymeApi.authID.getAccount({ token: localStorage.getItem('authID_token') || '', phone: (_a = user === null || user === void 0 ? void 0 : user.phoneNumber) !== null && _a !== void 0 ? _a : '' })];
+                case 1:
+                    account = _b.sent();
+                    return [2 /*return*/, account];
+            }
+        });
+    }); };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Grid, { item: true, xs: 6 },
+            React.createElement(Button, { fullWidth: true, onClick: function () { return __awaiter(void 0, void 0, void 0, function () {
+                    var authIdTokenRes, account;
+                    return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0: return [4 /*yield*/, berifymeApi.authID.getAuthIDToken()];
+                            case 1:
+                                authIdTokenRes = _a.sent();
+                                if (!authIdTokenRes.token) {
+                                    setError('Auth id error');
+                                    return [2 /*return*/];
+                                }
+                                if (!user) {
+                                    setError('User error');
+                                    return [2 /*return*/];
+                                }
+                                return [4 /*yield*/, getAuthIdAccountDetail()];
+                            case 2:
+                                account = _a.sent();
+                                if (!(account.error === 'User data not found.')) return [3 /*break*/, 4];
+                                return [4 /*yield*/, berifymeApi.authID.createAccount({ token: authIdTokenRes.token || '', userId: user.id })];
+                            case 3:
+                                _a.sent();
+                                localStorage.setItem('authID_token', authIdTokenRes.token);
+                                setPageStatus(1.2);
+                                return [3 /*break*/, 5];
+                            case 4:
+                                setError('User error');
+                                _a.label = 5;
+                            case 5: return [2 /*return*/];
+                        }
+                    });
+                }); } },
+                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(Typography, { variant: 'h5', fontWeight: 700, color: 'black' }, "Berify.me"),
+                    React.createElement(Typography, { variant: 'body2', color: theme.palette.info.light, fontStyle: 'italic' }, "avg. 26s completion"))))));
+};
+export default AuthIdGrid;

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

@@ -0,0 +1,14 @@
+import React from "react";
+import { Button, Grid, Stack, Typography } from "@mui/material";
+import theme from "../../../theme";
+var ClearGrid = function (_a) {
+    var setPageStatus = _a.setPageStatus;
+    return (React.createElement(React.Fragment, null,
+        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(Typography, { variant: 'h5', fontWeight: 700, color: 'black' }, "CLEAR"),
+                    React.createElement(Typography, { variant: 'body2', color: theme.palette.info.light, fontStyle: 'italic' }, "avg. 60s completion"))))));
+};
+export default ClearGrid;

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

@@ -0,0 +1,14 @@
+import React from "react";
+import { Button, Grid, Stack, Typography } from "@mui/material";
+import theme from "../../../theme";
+var IncodeGrid = function (_a) {
+    var setPageStatus = _a.setPageStatus;
+    return (React.createElement(React.Fragment, null,
+        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(Typography, { variant: 'h5', fontWeight: 700, color: 'black' }, "Incode"),
+                    React.createElement(Typography, { variant: 'body2', color: theme.palette.info.light, fontStyle: 'italic' }, "avg. 30s completion"))))));
+};
+export default IncodeGrid;