@bytexbyte/berifyme-react-sdk 1.0.0

package/dist/components/Clear.js

@@ -0,0 +1,107 @@
+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 } from "react";
+import berifymeApi from "../api/api";
+import { createAuthenticationLog } from "./AuthenticationLogs";
+import { createDeveloperLog } from "./createDeveloperLog";
+var Clear = function (_a) {
+    var token = _a.token, redirectUrl = _a.redirectUrl, userId = _a.userId, actionType = _a.actionType;
+    useEffect(function () {
+        var script = document.createElement('script');
+        script.src = "https://verified.clearme.com/clearme.js";
+        script.onload = function () { return __awaiter(void 0, void 0, void 0, function () {
+            var res, CLEAR, clearUI, observer, handleResize;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, berifymeApi.clear.createVerificationSession({ redirectUrl: redirectUrl, token: token })];
+                    case 1:
+                        res = _a.sent();
+                        localStorage.setItem('clear_session_id', res.sessionId);
+                        createDeveloperLog({
+                            source: 'FRONTEND',
+                            action: 'clear createVerificationSession',
+                            sessionToken: token,
+                            firstDetail: redirectUrl,
+                            secondDetail: res.sessionId,
+                        });
+                        if (userId && token) {
+                            createAuthenticationLog({
+                                actionType: actionType,
+                                userId: userId,
+                                vender: 'Clear',
+                                token: token,
+                                clearSessionId: res.sessionId,
+                            });
+                        }
+                        CLEAR = window.CLEAR;
+                        clearUI = CLEAR.createUI(res.token, {
+                            onSuccess: function (data) {
+                                console.log('onSuccess data', data);
+                            },
+                            onExit: function () {
+                                window.location.reload();
+                            }
+                        });
+                        clearUI.launch();
+                        observer = new MutationObserver(function () {
+                            var iframe = document.querySelector('iframe');
+                            if (iframe) {
+                                var originalHeight = iframe.offsetHeight;
+                                if (window.innerHeight > 600)
+                                    iframe.style.height = "".concat(originalHeight + 30, "px");
+                                else
+                                    iframe.style.height = "".concat(originalHeight, "px");
+                            }
+                        });
+                        observer.observe(document.body, { childList: true, subtree: true });
+                        handleResize = function () { window.location.reload(); };
+                        window.addEventListener('resize', handleResize);
+                        return [2 /*return*/, function () {
+                                window.removeEventListener('resize', handleResize);
+                                var CLEAR = window.CLEAR;
+                                CLEAR.abort();
+                                document.body.removeChild(script);
+                            }];
+                }
+            });
+        }); };
+        document.body.appendChild(script);
+    }, []);
+    return (React.createElement(React.Fragment, null));
+};
+export default Clear;

package/dist/components/Footer/index.js

@@ -0,0 +1,11 @@
+import { Stack, Typography } from "@mui/material";
+import GppGoodOutlinedIcon from '@mui/icons-material/GppGoodOutlined';
+import theme from "../theme";
+import React from "react";
+var Footer = function () {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Stack, { direction: 'row', spacing: 1, textAlign: 'center', mt: 2, justifyContent: 'center', color: theme.palette.text.secondary },
+            React.createElement(GppGoodOutlinedIcon, { fontSize: "small" }),
+            React.createElement(Typography, { variant: "body2" }, "Securely powered by Berify.me"))));
+};
+export default Footer;

package/dist/components/Layout.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { Box, Container } from "@mui/material";
+var Layout = function (_a) {
+    var children = _a.children;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Box, { height: '100svh', overflow: 'auto' },
+            React.createElement(Container, { maxWidth: 'sm', sx: { height: 1, px: 4 } }, children))));
+};
+export default Layout;

package/dist/components/Login/authid/authid.js

@@ -0,0 +1,196 @@
+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 } from "../../AuthenticationLogs";
+import { createDeveloperLog } from "../../createDeveloperLog";
+var AuthID = function (_a) {
+    var phone = _a.phone, setError = _a.setError, goRedirect = _a.goRedirect, goToTryAgain = _a.goToTryAgain, setUser = _a.setUser, token = _a.token;
+    var _b = useState(''), url = _b[0], setUrl = _b[1];
+    var _c = useState(''), transactionId = _c[0], setTransactionId = _c[1];
+    var _d = useState(false), loading = _d[0], setIsLoading = _d[1];
+    var _e = useSpeedTest(), stopSpeedTest = _e.stopSpeedTest, startSpeedTest = _e.startSpeedTest;
+    useEffect(function () { stopSpeedTest(); }, []);
+    //第零部 準備URL
+    var createLoginTransaction = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var tokenResult, result;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setIsLoading(true);
+                    return [4 /*yield*/, berifymeApi.authID.getAuthIDToken()];
+                case 1:
+                    tokenResult = _a.sent();
+                    localStorage.setItem('authID_token', tokenResult.token);
+                    return [4 /*yield*/, berifymeApi.authID.createLoginTransaction({ token: tokenResult.token, phone: phone })];
+                case 2:
+                    result = _a.sent();
+                    if (result.error) {
+                        setError(result.error);
+                        setIsLoading(false);
+                        return [2 /*return*/];
+                    }
+                    setTransactionId(result.TransactionId);
+                    setUrl(result.url);
+                    // setUrl(`https://id.authid.ai/?t=${result.TransactionId}&s=${result.OneTimeSecret}`);
+                    setIsLoading(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    //第一步 獲取status與寫入資料
+    var getTransactionStatus = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var result, account, fullName_1, birthDateFromAuthId_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, berifymeApi.authID.getTransactionStatus({ token: localStorage.getItem('authID_token') || '', phone: phone, transactionId: transactionId })];
+                case 1:
+                    result = _a.sent();
+                    createDeveloperLog({
+                        source: 'FRONTEND',
+                        action: 'authId login getTransactionStatus',
+                        sessionToken: token,
+                        firstDetail: "transactionId: ".concat(transactionId),
+                        secondDetail: "operationId: ".concat(result.operationId, ", error: ").concat(result.error)
+                    });
+                    if (!!result.error) return [3 /*break*/, 3];
+                    setUrl('');
+                    return [4 /*yield*/, berifymeApi.authID.getAccount({ token: localStorage.getItem('authID_token') || '', phone: phone })];
+                case 2:
+                    account = _a.sent();
+                    createDeveloperLog({
+                        source: 'FRONTEND',
+                        action: 'authId login getAccount',
+                        sessionToken: token,
+                        firstDetail: phone,
+                        secondDetail: JSON.stringify(account),
+                    });
+                    startSpeedTest();
+                    if (account.error)
+                        return [2 /*return*/, goToTryAgain()];
+                    fullName_1 = account.fullName;
+                    birthDateFromAuthId_1 = account.dateOfBirth;
+                    if (setUser) {
+                        setUser(function (prev) {
+                            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+                            return (__assign(__assign({}, prev), { id: result.userId, isActive: (_a = prev === null || prev === void 0 ? void 0 : prev.isActive) !== null && _a !== void 0 ? _a : null, email: (_b = prev === null || prev === void 0 ? void 0 : prev.email) !== null && _b !== void 0 ? _b : null, phoneNumber: phone, authIDAccountNumber: (_c = prev === null || prev === void 0 ? void 0 : prev.authIDAccountNumber) !== null && _c !== void 0 ? _c : null, incodeId: (_d = prev === null || prev === void 0 ? void 0 : prev.incodeId) !== null && _d !== void 0 ? _d : null, clearId: (_e = prev === null || prev === void 0 ? void 0 : prev.clearId) !== null && _e !== void 0 ? _e : null, idmeId: (_f = prev === null || prev === void 0 ? void 0 : prev.idmeId) !== null && _f !== void 0 ? _f : null, sumsubId: (_g = prev === null || prev === void 0 ? void 0 : prev.sumsubId) !== null && _g !== void 0 ? _g : null, veriffId: (_h = prev === null || prev === void 0 ? void 0 : prev.veriffId) !== null && _h !== void 0 ? _h : null, yotiId: (_j = prev === null || prev === void 0 ? void 0 : prev.yotiId) !== null && _j !== void 0 ? _j : null, fullName: fullName_1, age: (_k = prev === null || prev === void 0 ? void 0 : prev.age) !== null && _k !== void 0 ? _k : null, birthDate: birthDateFromAuthId_1 === null || birthDateFromAuthId_1 === void 0 ? void 0 : birthDateFromAuthId_1.replaceAll('-', '/') }));
+                        });
+                        createAuthenticationLog({
+                            actionType: ActionType.LOGIN,
+                            userId: result.userId,
+                            vender: 'Berify.me',
+                            token: token,
+                            transactionId: transactionId,
+                            isPass: true,
+                        });
+                        goRedirect();
+                    }
+                    window.ReactNativeWebView.postMessage(JSON.stringify({
+                        event: 'onSuccess', user: {
+                            id: result.userId,
+                            isActive: null,
+                            email: null,
+                            phoneNumber: phone,
+                            authIDAccountNumber: null,
+                            incodeId: null,
+                            clearId: null,
+                            idmeId: null,
+                            fullName: fullName_1,
+                            age: null,
+                            birthDate: birthDateFromAuthId_1 === null || birthDateFromAuthId_1 === void 0 ? void 0 : birthDateFromAuthId_1.replaceAll('-', '/'),
+                            transactionId: transactionId,
+                        }
+                    }));
+                    return [2 /*return*/];
+                case 3:
+                    setError(result.error);
+                    _a.label = 4;
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    //初始與監聽
+    useEffect(function () { createLoginTransaction(); }, []);
+    useEffect(function () {
+        if (url) {
+            window.addEventListener('message', function (e) {
+                if (e.data.type === 'authid:page') {
+                    if (e.data.pageName === 'verifiedPage') {
+                        if (transactionId && phone)
+                            setTimeout(function () {
+                                getTransactionStatus();
+                            }, 1000);
+                    }
+                    if (e.data.pageName === 'verifiedMatchFailPage') {
+                        goToTryAgain();
+                    }
+                }
+            });
+        }
+        return function () {
+            window.removeEventListener('message', function (e) {
+                console.log('remove message', e.data);
+            });
+        };
+    }, [url]);
+    return (React.createElement(React.Fragment, null, (url && !loading)
+        ? React.createElement(AuthIDComponent, { url: url, webauth: true })
+        : React.createElement(Box, { sx: {
+                display: 'flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+                height: '100vh',
+                background: '#FFFFFF'
+            } },
+            React.createElement(CircularProgress, null))));
+};
+export default AuthID;

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

@@ -0,0 +1,13 @@
+import React from "react";
+import { useState } from "react";
+import TryAgain from "../../TryAgain";
+import AuthID from "./authid";
+var AuthidLogin = function (_a) {
+    var goToAllSet = _a.goToAllSet, phoneNumber = _a.phoneNumber, setUser = _a.setUser, token = _a.token;
+    var _b = useState(), error = _b[0], setError = _b[1];
+    if (error || !token)
+        return (React.createElement(TryAgain, { message: error }));
+    return (React.createElement(React.Fragment, null,
+        React.createElement(AuthID, { token: token, phone: phoneNumber, setError: setError, goRedirect: function () { goToAllSet(); }, goToTryAgain: function () { return setError('Authentication Failed, Please Try Again.'); }, setUser: setUser })));
+};
+export { AuthidLogin };

package/dist/components/Login/clear.js

@@ -0,0 +1,35 @@
+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 ClearLogin = function (_a) {
+    var token = _a.token, userId = _a.userId, desktopRedirectUrlId = _a.desktopRedirectUrlId;
+    var _b = useState(null), redirectUrl = _b[0], setRedirectUrl = _b[1];
+    useEffect(function () {
+        // 使用 URL 物件來處理 URL 和查詢參數
+        var domain = window.location.href;
+        var url = new URL(domain);
+        url.searchParams.append('callback', 'clear_login');
+        if (token) {
+            url.searchParams.append('token', token);
+        }
+        if (desktopRedirectUrlId) {
+            url.searchParams.append('desktopRedirectUrlId', desktopRedirectUrlId);
+        }
+        setRedirectUrl(url.toString());
+    }, [token]); // 依賴 token 變化時重新運行 useEffect
+    return (React.createElement(React.Fragment, null,
+        token && redirectUrl && userId &&
+            React.createElement(Clear, { actionType: ActionType.LOGIN, token: token, userId: userId, redirectUrl: redirectUrl }),
+        React.createElement(Box, { sx: {
+                display: 'flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+                height: '100vh',
+                background: '#FFFFFF'
+            } },
+            React.createElement(CircularProgress, null))));
+};
+export { ClearLogin };

package/dist/components/Login/clearAllSet.js

@@ -0,0 +1,96 @@
+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 "../../components/AllSet";
+import TryAgain from "../TryAgain";
+import { updateAuthenticationLog } from "../AuthenticationLogs";
+import { createDeveloperLog } from "../createDeveloperLog";
+var ClearLoginAllSet = function (_a) {
+    var token = _a.token, desktopRedirectUrlId = _a.desktopRedirectUrlId;
+    var _b = useState(), user = _b[0], setUser = _b[1]; // berifyme user
+    var _c = useState(), error = _c[0], setError = _c[1];
+    var getUserBySessionId = function (sessionId) { return __awaiter(void 0, void 0, void 0, function () {
+        var res;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, berifymeApi.user.getUserBySessionId(sessionId)];
+                case 1:
+                    res = _a.sent();
+                    createDeveloperLog({
+                        source: 'FRONTEND',
+                        action: 'clear login getUserBySessionId',
+                        sessionToken: token,
+                        firstDetail: sessionId,
+                        secondDetail: "user: ".concat(res.user, ", error: ").concat(res.error),
+                    });
+                    if (!res)
+                        setError('Please try again.');
+                    if (res.user) {
+                        setUser(res.user);
+                        updateAuthenticationLog({
+                            isPass: true,
+                            clearSessionId: sessionId,
+                        });
+                    }
+                    else
+                        setError(res.error);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        var sessionId = localStorage.getItem('clear_session_id');
+        if (!sessionId)
+            return;
+        getUserBySessionId(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 { ClearLoginAllSet };

package/dist/components/Login/incode/Login.js

@@ -0,0 +1,129 @@
+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 } from "react";
+import { incodeLogin } from "../../../vender/incode/incode";
+import berifymeApi, { ActionType } from "../../../api/api";
+import { Box, CircularProgress } from "@mui/material";
+import { useSpeedTest } from "../../speedTest/SpeedProvider";
+import { createAuthenticationLog } from "../../AuthenticationLogs";
+import { createDeveloperLog } from "../../createDeveloperLog";
+function LoginComponent(_a) {
+    var _this = this;
+    var onSuccess = _a.onSuccess, onError = _a.onError, user = _a.user, setUser = _a.setUser, token = _a.token;
+    var containerRef = useRef(null);
+    var _b = useSpeedTest(), stopSpeedTest = _b.stopSpeedTest, startSpeedTest = _b.startSpeedTest;
+    useEffect(function () { stopSpeedTest(); }, []);
+    var getBerifymeUser = function (customerId, transactionId) { return __awaiter(_this, void 0, void 0, function () {
+        var res;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0: return [4 /*yield*/, berifymeApi.user.getUserByIncodeId(customerId)];
+                case 1:
+                    res = _b.sent();
+                    createDeveloperLog({
+                        userId: (_a = res.user) === null || _a === void 0 ? void 0 : _a.id,
+                        userDataJson: res.user,
+                        source: 'FRONTEND',
+                        action: 'incode login success getUserByIncodeId',
+                        sessionToken: token,
+                        firstDetail: "error: ".concat(res.error)
+                    });
+                    if (res.user) {
+                        setUser(res.user);
+                        createAuthenticationLog({
+                            actionType: ActionType.LOGIN,
+                            userId: res.user.id,
+                            vender: 'incode',
+                            token: token,
+                            incodeSessionId: transactionId,
+                            isPass: true,
+                        });
+                        onSuccess();
+                    }
+                    else if (res.error) {
+                        onError({ type: res.error });
+                    }
+                    else {
+                        onError({ type: 'Oops! Something went wrong...' });
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        if (containerRef.current && (user === null || user === void 0 ? void 0 : user.incodeId)) {
+            void incodeLogin.renderLogin(containerRef.current, {
+                onSuccess: function (response) { return __awaiter(_this, void 0, void 0, function () {
+                    return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0:
+                                startSpeedTest();
+                                return [4 /*yield*/, getBerifymeUser(response.customerId, response.transactionId)];
+                            case 1:
+                                _a.sent();
+                                return [2 /*return*/];
+                        }
+                    });
+                }); },
+                onError: function (r) {
+                    startSpeedTest();
+                    console.log('onError: ', r);
+                    onError({ type: 'Oops! Something went wrong...' });
+                },
+                stopAtError: true,
+                isOneToOne: true,
+                oneToOneProps: {
+                    identityId: user.incodeId,
+                }
+            });
+        }
+        else {
+            onError({ type: 'Oops! Something went wrong...' });
+        }
+    }, [onSuccess, onError]);
+    return React.createElement("div", { ref: containerRef },
+        React.createElement(Box, { sx: {
+                display: 'flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+                height: '100vh'
+            } },
+            React.createElement(CircularProgress, null)));
+}
+export { LoginComponent };

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

@@ -0,0 +1,16 @@
+import React from "react";
+import { useState } from "react";
+import TryAgain from "../../TryAgain";
+import { LoginComponent } from "./Login";
+var IncodeLogin = function (_a) {
+    var goToAllSet = _a.goToAllSet, user = _a.user, setUser = _a.setUser, token = _a.token;
+    var _b = useState(), error = _b[0], setError = _b[1];
+    function handleError(e) {
+        setError(e.type);
+    }
+    if (error || !token)
+        return (React.createElement(TryAgain, { message: error }));
+    return (React.createElement(React.Fragment, null,
+        React.createElement(LoginComponent, { token: token, onError: handleError, onSuccess: goToAllSet, user: user, setUser: setUser })));
+};
+export { IncodeLogin };