@bytexbyte/berifyme-react-sdk 1.0.0

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

@@ -0,0 +1,82 @@
+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, Stack, Typography } from "@mui/material";
+import { useEffect, useState } from "react";
+import berifymeApi from "../../../api/api";
+import theme from "../../theme";
+var AuthIdSelectType = function (_a) {
+    var setSelectedIdType = _a.setSelectedIdType, setError = _a.setError;
+    var _b = useState([]), idTypes = _b[0], setIdTypes = _b[1];
+    var initTypeButton = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var result, documentTypes, filteredDocuments;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, berifymeApi.authID.getIdDocumentTypes({ token: localStorage.getItem('authID_token') || '' })];
+                case 1:
+                    result = _a.sent();
+                    if (result.error) {
+                        setError(result.error);
+                        return [2 /*return*/];
+                    }
+                    if (result.idTypes) {
+                        console.log(result.idTypes);
+                        documentTypes = result.idTypes;
+                        filteredDocuments = [
+                            documentTypes.find(function (doc) { return doc.Name === "40"; }),
+                            documentTypes.find(function (doc) { return doc.Name === "5"; })
+                        ];
+                        setIdTypes(filteredDocuments);
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        initTypeButton();
+    }, []);
+    useEffect(function () {
+        console.log(idTypes);
+    }, [idTypes]);
+    return (React.createElement(Stack, { spacing: 2, alignItems: 'center' },
+        idTypes[0] && React.createElement(Button, { fullWidth: true, sx: { p: 2, maxWidth: 200, bgcolor: theme.palette.secondary.dark }, variant: "contained", color: 'secondary', onClick: function () { return setSelectedIdType(idTypes[0].Name); } },
+            React.createElement(Typography, { variant: "h5", fontWeight: 700 }, "Upload ID")),
+        idTypes[1] && React.createElement(Typography, { variant: "h5", fontWeight: 700, color: theme.palette.text.secondary }, "OR"),
+        idTypes[1] && React.createElement(Button, { fullWidth: true, sx: { p: 2, maxWidth: 200, bgcolor: theme.palette.secondary.dark }, variant: "contained", color: 'secondary', onClick: function () { return setSelectedIdType(idTypes[1].Name); } },
+            React.createElement(Typography, { variant: "h5", fontWeight: 700 }, "Upload Passport"))));
+};
+export default AuthIdSelectType;

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

@@ -0,0 +1,30 @@
+import React from "react";
+import { Box, CircularProgress, IconButton, Stack, Typography } from "@mui/material";
+import theme from "../../theme";
+import ArrowBackRoundedIcon from '@mui/icons-material/ArrowBackRounded';
+import AuthIdSelectType from "./authIdSelectType";
+import Footer from "../../Footer";
+var IdOrPassport = function (_a) {
+    var setError = _a.setError, setPageStatus = _a.setPageStatus, setSelectedIdType = _a.setSelectedIdType;
+    return (React.createElement(Stack, { height: 1, width: 1, justifyContent: 'space-between', overflow: 'auto', pb: 6 },
+        React.createElement(Stack, { style: { width: '100%' }, pb: 2 },
+            React.createElement(Stack, { height: 1, spacing: 2, pt: 3 },
+                React.createElement(Stack, { direction: 'row' },
+                    React.createElement(IconButton, { color: 'primary', onClick: function () { setPageStatus(1.1); } },
+                        React.createElement(ArrowBackRoundedIcon, null))),
+                React.createElement(Stack, { spacing: 4, direction: 'row', alignItems: 'center', justifyContent: 'space-between' },
+                    React.createElement(Stack, { spacing: 1 },
+                        React.createElement(Typography, { variant: 'h3', fontWeight: 700 }, "Upload ID and Take Selfie"),
+                        React.createElement(Typography, { variant: 'h4', color: theme.palette.info.light }, "Next: Congrats, you\u2019re Berified!")),
+                    React.createElement(Box, { position: "relative", display: "inline-flex" },
+                        React.createElement(CircularProgress, { variant: "determinate", value: 100, size: 70, sx: {
+                                color: '#4caf50',
+                                left: 0,
+                            } }),
+                        React.createElement(Box, { position: "absolute", top: "50%", left: "50%", sx: { transform: 'translate(-50%, -50%)' } },
+                            React.createElement(Typography, { variant: "h6", component: "div" }, "2 of 2")))),
+                React.createElement(Stack, { pt: 3 },
+                    React.createElement(AuthIdSelectType, { setSelectedIdType: setSelectedIdType, setError: setError })))),
+        React.createElement(Footer, null)));
+};
+export default IdOrPassport;

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

@@ -0,0 +1,323 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 AuthIDComponent from "@authid/react-component";
+import { Box, CircularProgress } from "@mui/material";
+import { useEffect, useState } from "react";
+import berifymeApi, { ActionType } from "../../../api/api";
+import { useSpeedTest } from "../../speedTest/SpeedProvider";
+import { createAuthenticationLog, updateAuthenticationLog } from "../../AuthenticationLogs";
+import { createDeveloperLog } from "../../createDeveloperLog";
+var AuthID = function (_a) {
+    var goToAllSet = _a.goToAllSet, setError = _a.setError, userId = _a.userId, setUser = _a.setUser, selectedIdType = _a.selectedIdType, token = _a.token;
+    var _b = useState(''), operationId = _b[0], setOperationId = _b[1];
+    var _c = useState(''), url = _c[0], setUrl = _c[1];
+    var stopSpeedTest = useSpeedTest().stopSpeedTest;
+    useEffect(function () { stopSpeedTest(); }, []);
+    //第零部 準備URL
+    var proofUser = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var proofResult;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, berifymeApi.authID.proofUser({ token: localStorage.getItem('authID_token') || '', userId: userId, idType: selectedIdType })];
+                case 1:
+                    proofResult = _a.sent();
+                    createDeveloperLog({
+                        userId: userId,
+                        source: 'FRONTEND',
+                        action: 'authId proofResult',
+                        sessionToken: token,
+                        firstDetail: selectedIdType,
+                        secondDetail: "OperationId: ".concat(proofResult.OperationId, ", OneTimeSecret: ").concat(proofResult.OneTimeSecret)
+                    });
+                    if (proofResult.OperationId && proofResult.OneTimeSecret) {
+                        setOperationId(proofResult.OperationId);
+                        //這裡設定好OperationId, 這次的驗證
+                        if (token)
+                            createAuthenticationLog({
+                                actionType: ActionType.ONBOARDING,
+                                userId: userId,
+                                vender: 'Berify.me',
+                                token: token,
+                                transactionId: proofResult.OperationId,
+                            });
+                        setUrl(proofResult.url);
+                        // setUrl(`https://id.authid.ai/?i=${proofResult.OperationId}&s=${proofResult.OneTimeSecret}`);
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    //第一步 確認status
+    var getProofTransactionStatus = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var result;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, berifymeApi.authID.getProofTransactionStatus({ token: localStorage.getItem('authID_token') || '', operationId: operationId, userId: userId })];
+                case 1:
+                    result = _a.sent();
+                    createDeveloperLog({
+                        userId: userId,
+                        source: 'FRONTEND',
+                        action: 'authId getProofTransactionStatus',
+                        sessionToken: token,
+                        firstDetail: "operationId: ".concat(operationId),
+                        secondDetail: "status: ".concat(result.status, ", error: ").concat(result.error)
+                    });
+                    if (result.error || result.status === 0) {
+                        setError(result.error);
+                        return [2 /*return*/];
+                    }
+                    if (result.status === 1) {
+                        getDocumentDetails();
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    //第二步 確認證件是否成功
+    var getDocumentDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var document;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, berifymeApi.authID.getDocumentDetails({ token: localStorage.getItem('authID_token') || '', operationId: operationId, userId: userId })];
+                case 1:
+                    document = _a.sent();
+                    createDeveloperLog({
+                        userId: userId,
+                        source: 'FRONTEND',
+                        action: 'authId getDocumentDetails first time',
+                        sessionToken: token,
+                        firstDetail: "operationId: ".concat(operationId),
+                        secondDetail: "error: ".concat(document.error)
+                    });
+                    if (document.error) {
+                        if (document.error === 'Face not match') {
+                            setError('Failed to verify your identity. Please try again.');
+                            return [2 /*return*/];
+                        }
+                        if (document.error === 'ID Expired') {
+                            setError('Your identity has expired. Please try again.');
+                            return [2 /*return*/];
+                        }
+                    }
+                    if (document.details) {
+                        getProofTransactionTempId();
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    //第三步 獲取臨時ID
+    var getProofTransactionTempId = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var result;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, berifymeApi.authID.getProofTransactionTempId({ token: localStorage.getItem('authID_token') || '', operationId: operationId, userId: userId })];
+                case 1:
+                    result = _a.sent();
+                    createDeveloperLog({
+                        userId: userId,
+                        source: 'FRONTEND',
+                        action: 'authId getProofTransactionTempId',
+                        sessionToken: token,
+                        firstDetail: "operationId: ".concat(operationId),
+                        secondDetail: "TempId: ".concat(result.TempId, ", error: ").concat(result.error)
+                    });
+                    if (result.error) {
+                        setError(result.error);
+                        return [2 /*return*/];
+                    }
+                    if (!result.TempId) return [3 /*break*/, 3];
+                    return [4 /*yield*/, createBiometricFromProof(result.TempId)];
+                case 2:
+                    _a.sent();
+                    _a.label = 3;
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    //第四步 寫入資料
+    var createBiometricFromProof = function (tempId) { return __awaiter(void 0, void 0, void 0, function () {
+        var result;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, berifymeApi.authID.createBiometricFromProof({ token: localStorage.getItem('authID_token') || '', tempId: tempId, userId: userId })];
+                case 1:
+                    result = _a.sent();
+                    createDeveloperLog({
+                        userId: userId,
+                        source: 'FRONTEND',
+                        action: 'authId createBiometricFromProof',
+                        sessionToken: token,
+                        firstDetail: "operationId: ".concat(operationId),
+                        secondDetail: "error: ".concat(result.error)
+                    });
+                    if (result.error) {
+                        setError(result.error);
+                        return [2 /*return*/];
+                    }
+                    setUrl('');
+                    setTimeout(function () { return __awaiter(void 0, void 0, void 0, function () {
+                        var document, documentType;
+                        var _a, _b, _c, _d, _e, _f, _g;
+                        return __generator(this, function (_h) {
+                            switch (_h.label) {
+                                case 0: return [4 /*yield*/, berifymeApi.authID.getDocumentDetails({ token: localStorage.getItem('authID_token') || '', operationId: operationId, userId: userId })];
+                                case 1:
+                                    document = _h.sent();
+                                    createDeveloperLog({
+                                        userId: userId,
+                                        source: 'FRONTEND',
+                                        action: 'authId getDocumentDetails second time',
+                                        sessionToken: token,
+                                        firstDetail: "operationId: ".concat(operationId),
+                                        secondDetail: "error: ".concat(document.error)
+                                    });
+                                    if (document.error) {
+                                        if (document.error === 'Face not match') {
+                                            setError('Failed to verify your identity. Please try again.');
+                                            return [2 /*return*/];
+                                        }
+                                        if (document.error === 'ID Expired') {
+                                            setError('Your identity has expired. Please try again.');
+                                            return [2 /*return*/];
+                                        }
+                                    }
+                                    if (!document.details) return [3 /*break*/, 3];
+                                    documentType = (_a = document.details.find(function (item) { return item.Key === 'Page1Name'; })) === null || _a === void 0 ? void 0 : _a.Value;
+                                    return [4 /*yield*/, berifymeApi.authID.updateAccount(localStorage.getItem('authID_token') || '', {
+                                            phone: document.phone,
+                                            fullName: ((_b = document.details.find(function (item) { return item.Key === 'NameOfHolder'; })) === null || _b === void 0 ? void 0 : _b.Value) || '',
+                                            dateOfBirth: ((_c = document.details.find(function (item) { return item.Key === 'DateOfBirth'; })) === null || _c === void 0 ? void 0 : _c.Value) || '',
+                                            issuingCountry: ((_d = document.details.find(function (item) { return item.Key === 'issuer'; })) === null || _d === void 0 ? void 0 : _d.Value) || '',
+                                            gender: ((_e = document.details.find(function (item) { return item.Key === 'Sex'; })) === null || _e === void 0 ? void 0 : _e.Value) || '',
+                                            dateOfExpiry: ((_f = document.details.find(function (item) { return item.Key === 'DateOfExpiry'; })) === null || _f === void 0 ? void 0 : _f.Value) || '',
+                                            documentType: (documentType === null || documentType === void 0 ? void 0 : documentType.includes('Passport')) ? 'Passport' : 'ID'
+                                        })];
+                                case 2:
+                                    _h.sent();
+                                    createDeveloperLog({
+                                        userId: userId,
+                                        source: 'FRONTEND',
+                                        action: 'authId updateAccount and go to allset page',
+                                        sessionToken: token,
+                                        firstDetail: "operationId: ".concat(operationId),
+                                    });
+                                    if (setUser) {
+                                        setUser(function (prev) {
+                                            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+                                            return (__assign(__assign({}, prev), { id: userId, fullName: (_a = document.details.find(function (item) { return item.Key === 'NameOfHolder'; })) === null || _a === void 0 ? void 0 : _a.Value, phoneNumber: document.phone, isActive: (_b = prev === null || prev === void 0 ? void 0 : prev.isActive) !== null && _b !== void 0 ? _b : null, email: (_c = prev === null || prev === void 0 ? void 0 : prev.email) !== null && _c !== void 0 ? _c : null, authIDAccountNumber: (_d = prev === null || prev === void 0 ? void 0 : prev.authIDAccountNumber) !== null && _d !== void 0 ? _d : null, incodeId: (_e = prev === null || prev === void 0 ? void 0 : prev.incodeId) !== null && _e !== void 0 ? _e : null, clearId: (_f = prev === null || prev === void 0 ? void 0 : prev.clearId) !== null && _f !== void 0 ? _f : null, idmeId: (_g = prev === null || prev === void 0 ? void 0 : prev.idmeId) !== null && _g !== void 0 ? _g : null, sumsubId: (_h = prev === null || prev === void 0 ? void 0 : prev.sumsubId) !== null && _h !== void 0 ? _h : null, veriffId: (_j = prev === null || prev === void 0 ? void 0 : prev.veriffId) !== null && _j !== void 0 ? _j : null, yotiId: (_k = prev === null || prev === void 0 ? void 0 : prev.yotiId) !== null && _k !== void 0 ? _k : null, age: (_l = prev === null || prev === void 0 ? void 0 : prev.age) !== null && _l !== void 0 ? _l : null, birthDate: (_m = prev === null || prev === void 0 ? void 0 : prev.birthDate) !== null && _m !== void 0 ? _m : null }));
+                                        });
+                                        updateAuthenticationLog({ isPass: true, transactionId: operationId });
+                                        goToAllSet();
+                                    }
+                                    window.ReactNativeWebView.postMessage(JSON.stringify({
+                                        event: 'onSuccess', user: {
+                                            id: userId,
+                                            fullName: (_g = document.details.find(function (item) { return item.Key === 'NameOfHolder'; })) === null || _g === void 0 ? void 0 : _g.Value,
+                                            phoneNumber: document.phone,
+                                            isActive: null,
+                                            email: null,
+                                            authIDAccountNumber: null,
+                                            incodeId: null,
+                                            clearId: null,
+                                            idmeId: null,
+                                            age: null,
+                                            birthDate: null,
+                                            transactionId: operationId,
+                                        },
+                                    }));
+                                    _h.label = 3;
+                                case 3: return [2 /*return*/];
+                            }
+                        });
+                    }); }, 1000);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    //初始與監聽
+    useEffect(function () { if (selectedIdType !== '')
+        proofUser(); }, [selectedIdType]);
+    useEffect(function () {
+        if (url) {
+            window.addEventListener('message', function (e) {
+                if (e.data.type === 'authid:page') {
+                    console.log(e.data);
+                    if (e.data.pageName === 'verifiedPage') {
+                        setTimeout(function () {
+                            getProofTransactionStatus();
+                        }, 1000);
+                    }
+                }
+            });
+        }
+        else {
+            window.removeEventListener('message', function (e) {
+                console.log('remove message', e.data);
+            });
+        }
+        return function () {
+            window.removeEventListener('message', function (e) {
+                console.log('remove message', e.data);
+            });
+        };
+    }, [url]);
+    return (React.createElement(React.Fragment, null, 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)))));
+};
+export default AuthID;

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

@@ -0,0 +1,118 @@
+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, useState } from "react";
+import berifymeApi 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;
+    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;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0: return [4 /*yield*/, berifymeApi.clear.getClearApprove({ id: id, sessionId: sessionId })];
+                case 1:
+                    approveRes = _c.sent();
+                    createDeveloperLog({
+                        source: 'FRONTEND',
+                        action: 'clear approveRes',
+                        sessionToken: token,
+                        firstDetail: sessionId,
+                        secondDetail: "clearID: ".concat(approveRes.clearId, ", error: ").concat(approveRes.error),
+                    });
+                    if (!approveRes)
+                        setError('Please try again.');
+                    if (!approveRes.clearId) {
+                        setError(approveRes.error);
+                        return [2 /*return*/];
+                    }
+                    return [4 /*yield*/, berifymeApi.user.getUserByClearId(approveRes.clearId)];
+                case 2:
+                    res = _c.sent();
+                    createDeveloperLog({
+                        source: 'FRONTEND',
+                        action: 'clear getUserByClearId',
+                        sessionToken: token,
+                        firstDetail: approveRes.clearId,
+                        secondDetail: "user: ".concat(res.user, ", error: ").concat(res.error),
+                    });
+                    setUser(res.user);
+                    updateAuthenticationLog({
+                        isPass: true,
+                        clearSessionId: sessionId,
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    function getUrlParams() {
+        var searchParams = new URLSearchParams(window.location.search);
+        return {
+            clearOnboardingCallbackUserId: searchParams.get('userId'),
+        };
+    }
+    useEffect(function () {
+        var res = getUrlParams();
+        if (!res.clearOnboardingCallbackUserId) {
+            setError('Missing callback user Id');
+            return;
+        }
+        var sessionId = localStorage.getItem('clear_session_id');
+        if (!sessionId)
+            return;
+        approve({ id: res.clearOnboardingCallbackUserId, sessionId: sessionId });
+    }, []);
+    if (error)
+        return (React.createElement(TryAgain, { message: error }));
+    return (React.createElement(React.Fragment, null, user ? React.createElement(AllSet, { user: user, token: token, desktopRedirectUrlId: desktopRedirectUrlId }) :
+        React.createElement(Box, { sx: {
+                display: 'flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+                height: '100vh',
+                background: '#FFFFFF'
+            } },
+            React.createElement(CircularProgress, null))));
+};
+export { ClearOnboardingAllSet };

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

@@ -0,0 +1,36 @@
+import CircularProgress from '@mui/material/CircularProgress';
+import { Box } from "@mui/material";
+import Clear from '../../Clear';
+import { ActionType } from "../../../api/api";
+import React, { useEffect, useState } from 'react';
+//[web] const domain = import.meta.env.VITE_DOMAIN as string;
+var ClearOnboarding = function (_a) {
+    var token = _a.token, user = _a.user, desktopRedirectUrlId = _a.desktopRedirectUrlId;
+    var _b = useState(null), redirectUrl = _b[0], setRedirectUrl = _b[1];
+    useEffect(function () {
+        var _a;
+        // 使用 URL 物件來處理 URL 和查詢參數
+        var domain = window.location.href;
+        var url = new URL(domain);
+        if (token) {
+            url.searchParams.append('callback', 'clear_onboarding');
+            url.searchParams.append('token', token);
+            url.searchParams.append('userId', (_a = user === null || user === void 0 ? void 0 : user.id) !== null && _a !== void 0 ? _a : '');
+            if (desktopRedirectUrlId)
+                url.searchParams.append('desktopRedirectUrlId', desktopRedirectUrlId);
+        }
+        setRedirectUrl(url.toString());
+    }, [token, user]); // 依賴 token 和 user 變化時重新運行 useEffect
+    return (React.createElement(React.Fragment, null,
+        token && redirectUrl && user.id &&
+            React.createElement(Clear, { actionType: ActionType.ONBOARDING, userId: user.id, token: token, redirectUrl: redirectUrl }),
+        React.createElement(Box, { sx: {
+                display: 'flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+                height: '100vh',
+                background: '#FFFFFF'
+            } },
+            React.createElement(CircularProgress, null))));
+};
+export { ClearOnboarding };

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

@@ -0,0 +1,25 @@
+import { useEffect, useRef } from "react";
+import { incode } from "../../../vender/incode/incode";
+import React from "react";
+var BackId = 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("back", containerRef.current, {
+            onSuccess: onSuccess,
+            onError: function () { return onError({ type: "Couldn't Capture Back Id" }); },
+            token: session,
+            numberOfTries: 3,
+            showTutorial: false,
+            showCustomCameraPermissionScreen: true,
+            showDoublePermissionsRequest: true,
+        });
+        isMounted.current = true;
+    }, [session, onSuccess, onError]);
+    return React.createElement("div", { ref: containerRef });
+};
+export { BackId };

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

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