@bytexbyte/berifyme-react-sdk 1.0.16 → 1.0.19

package/dist/components/SnapMatch/index.js

@@ -0,0 +1,271 @@
+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, { useCallback, useEffect, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+import { Box, CircularProgress, ThemeProvider, Typography } from "@mui/material";
+import berifymeApi, { initializeBerifymeApi } from "../../api/api";
+import { environmentDomains } from "../../lib/environmentDomains";
+import theme from "../theme";
+import SnapMatchStep from "./SnapMatchStep";
+import SuccessView from "./SuccessView";
+import TryAgainView from "./TryAgainView";
+import ExceptionView from "./ExceptionView";
+import LangSelector, { LANG_OPTIONS } from "./LangSelector";
+import { getSnapMatchResultTranslations } from "./translations";
+var DEFAULT_ERROR_MESSAGE = "Something went wrong, but we're working on it. Please try again later or contact support for assistance.";
+var DEFAULT_AUTO_REDIRECT_SECONDS = 5;
+var RETURN_TO_SCAN_DELAY_MS = 400;
+var SnapMatch = function (_a) {
+    var apiKeyId = _a.apiKeyId, secretKey = _a.secretKey, environment = _a.environment, onSuccess = _a.onSuccess, onError = _a.onError, tokenProp = _a.token, _b = _a.lang, langProp = _b === void 0 ? "en" : _b, _c = _a.autoRedirectSeconds, autoRedirectSeconds = _c === void 0 ? DEFAULT_AUTO_REDIRECT_SECONDS : _c;
+    var defaultLang = LANG_OPTIONS.some(function (o) { return o.value === langProp; }) ? langProp : "en";
+    var _d = useState(defaultLang), currentLang = _d[0], setCurrentLang = _d[1];
+    var _e = useState(0), langChangeKey = _e[0], setLangChangeKey = _e[1];
+    var setCurrentLangAndBump = useCallback(function (next) {
+        setCurrentLang(next);
+        setLangChangeKey(function (k) { return k + 1; });
+    }, []);
+    var _f = useState("login"), step = _f[0], setStep = _f[1];
+    var _g = useState(tokenProp), token = _g[0], setToken = _g[1];
+    var _h = useState(), tokenError = _h[0], setTokenError = _h[1];
+    var _j = useState(""), errorMessage = _j[0], setErrorMessage = _j[1];
+    var _k = useState(), fullName = _k[0], setFullName = _k[1];
+    var _l = useState(0), loginKey = _l[0], setLoginKey = _l[1];
+    var _m = useState(false), returnLoading = _m[0], setReturnLoading = _m[1];
+    var _o = useState(0), countdown = _o[0], setCountdown = _o[1];
+    var hasHandledSuccessRef = useRef(false);
+    var stepRef = useRef(step);
+    var loginKeyRef = useRef(loginKey);
+    var onSuccessRef = useRef(onSuccess);
+    var onErrorRef = useRef(onError);
+    stepRef.current = step;
+    loginKeyRef.current = loginKey;
+    onSuccessRef.current = onSuccess;
+    onErrorRef.current = onError;
+    useEffect(function () {
+        initializeBerifymeApi({ backendDomain: environmentDomains[environment] });
+    }, [environment]);
+    useEffect(function () {
+        try {
+            sessionStorage.clear();
+        }
+        catch (_a) {
+            // ignore
+        }
+    }, []);
+    useEffect(function () {
+        if (tokenProp && tokenProp.startsWith("session_")) {
+            setToken(tokenProp);
+            return;
+        }
+        if (token)
+            return;
+        var cancelled = false;
+        berifymeApi.thirdParty
+            .createSessionTokenWithoutRedirectUrl({ apiKeyId: apiKeyId, secretKey: secretKey })
+            .then(function (res) {
+            var _a;
+            if (cancelled)
+                return;
+            if (res.sessionToken)
+                setToken(res.sessionToken);
+            else
+                setTokenError((_a = res.error) !== null && _a !== void 0 ? _a : DEFAULT_ERROR_MESSAGE);
+        })
+            .catch(function () {
+            if (!cancelled)
+                setTokenError(DEFAULT_ERROR_MESSAGE);
+        });
+        return function () {
+            cancelled = true;
+        };
+    }, [apiKeyId, secretKey, tokenProp, token]);
+    var handleBackToLogin = useCallback(function () {
+        if (returnLoading)
+            return;
+        setReturnLoading(true);
+        setErrorMessage("");
+        try {
+            sessionStorage.clear();
+        }
+        catch (_a) {
+            // ignore
+        }
+        berifymeApi.thirdParty
+            .createSessionTokenWithoutRedirectUrl({ apiKeyId: apiKeyId, secretKey: secretKey })
+            .then(function (data) {
+            var _a;
+            if (data.sessionToken) {
+                setToken(data.sessionToken);
+                hasHandledSuccessRef.current = false;
+                setLoginKey(function (k) { return k + 1; });
+                setTimeout(function () {
+                    setStep("login");
+                    setReturnLoading(false);
+                }, RETURN_TO_SCAN_DELAY_MS);
+            }
+            else {
+                setTokenError((_a = data.error) !== null && _a !== void 0 ? _a : DEFAULT_ERROR_MESSAGE);
+                setReturnLoading(false);
+            }
+        })
+            .catch(function () {
+            setErrorMessage(getSnapMatchResultTranslations(currentLang).exceptionConnectionError);
+            setReturnLoading(false);
+        });
+    }, [apiKeyId, secretKey, currentLang, returnLoading]);
+    var handleRetry = useCallback(function () { return handleBackToLogin(); }, [handleBackToLogin]);
+    var handleNextPerson = useCallback(function () {
+        setFullName(undefined);
+        handleBackToLogin();
+    }, [handleBackToLogin]);
+    var handleExceptionBack = useCallback(function () { return handleBackToLogin(); }, [handleBackToLogin]);
+    useEffect(function () {
+        if (step !== "success" && step !== "failure" && step !== "warning")
+            return;
+        setCountdown(autoRedirectSeconds);
+        var t = setTimeout(function () {
+            if (step === "success")
+                handleNextPerson();
+            else if (step === "failure")
+                handleRetry();
+            else
+                handleExceptionBack();
+        }, autoRedirectSeconds * 1000);
+        return function () { return clearTimeout(t); };
+    }, [step, autoRedirectSeconds, handleNextPerson, handleRetry, handleExceptionBack]);
+    useEffect(function () {
+        if ((step !== "success" && step !== "failure" && step !== "warning") || countdown <= 0)
+            return;
+        var interval = setInterval(function () {
+            setCountdown(function (c) { return (c <= 1 ? 0 : c - 1); });
+        }, 1000);
+        return function () { return clearInterval(interval); };
+    }, [step, countdown]);
+    var handleSuccess = useCallback(function (response, options) { return __awaiter(void 0, void 0, void 0, function () {
+        var msg, res, msg, _a, msg;
+        var _b, _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    if (stepRef.current !== "login")
+                        return [2 /*return*/];
+                    if (options.loginKey !== loginKeyRef.current)
+                        return [2 /*return*/];
+                    if (hasHandledSuccessRef.current)
+                        return [2 /*return*/];
+                    hasHandledSuccessRef.current = true;
+                    if (!(response === null || response === void 0 ? void 0 : response.customerId)) {
+                        msg = getSnapMatchResultTranslations(currentLang).failureDefault;
+                        setErrorMessage(msg);
+                        onErrorRef.current(msg);
+                        setStep("failure");
+                        return [2 /*return*/];
+                    }
+                    _d.label = 1;
+                case 1:
+                    _d.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, berifymeApi.user.getUserByIncodeId({
+                            customerId: response.customerId,
+                            interviewId: (_b = response.interviewId) !== null && _b !== void 0 ? _b : "",
+                            token: token,
+                        })];
+                case 2:
+                    res = _d.sent();
+                    if (res.user) {
+                        onSuccessRef.current(res.user);
+                        if (res.user.fullName)
+                            setFullName(res.user.fullName);
+                        setStep("success");
+                    }
+                    else {
+                        msg = (_c = res.error) !== null && _c !== void 0 ? _c : getSnapMatchResultTranslations(currentLang).exceptionDescription;
+                        setErrorMessage(msg);
+                        onErrorRef.current(msg);
+                        setStep("warning");
+                    }
+                    return [3 /*break*/, 4];
+                case 3:
+                    _a = _d.sent();
+                    msg = getSnapMatchResultTranslations(currentLang).exceptionConnectionError;
+                    setErrorMessage(msg);
+                    onErrorRef.current(msg);
+                    setStep("warning");
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [currentLang, token]);
+    var handleError = useCallback(function () {
+        var msg = getSnapMatchResultTranslations(currentLang).failureDefault;
+        setErrorMessage(msg);
+        onErrorRef.current(msg);
+        setStep("failure");
+    }, [currentLang]);
+    if (tokenError) {
+        return (React.createElement(ThemeProvider, { theme: theme },
+            React.createElement(Box, { sx: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", height: "100vh", gap: 2, px: 2 } },
+                React.createElement(Typography, { variant: "body1", color: "error", textAlign: "center" }, tokenError))));
+    }
+    if (!token) {
+        return (React.createElement(ThemeProvider, { theme: theme },
+            React.createElement(Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center", height: "100vh", background: "#FFFFFF" } },
+                React.createElement(CircularProgress, null))));
+    }
+    if (step === "success") {
+        return (React.createElement(ThemeProvider, { theme: theme },
+            React.createElement(Box, { sx: { position: "fixed", inset: 0, zIndex: 10000, bgcolor: "background.paper", overflow: "auto" } },
+                React.createElement(SuccessView, { lang: currentLang, fullName: fullName, onContinue: handleNextPerson, returnLoading: returnLoading, autoRedirectSeconds: autoRedirectSeconds, countdown: countdown }))));
+    }
+    if (step === "failure") {
+        return (React.createElement(ThemeProvider, { theme: theme },
+            React.createElement(Box, { sx: { position: "fixed", inset: 0, zIndex: 10000, bgcolor: "background.paper", overflow: "auto" } },
+                React.createElement(TryAgainView, { lang: currentLang, message: errorMessage, onRetry: handleRetry, retryLoading: returnLoading, autoRedirectSeconds: autoRedirectSeconds, countdown: countdown }))));
+    }
+    if (step === "warning") {
+        return (React.createElement(ThemeProvider, { theme: theme },
+            React.createElement(Box, { sx: { position: "fixed", inset: 0, zIndex: 10000, bgcolor: "background.paper", overflow: "auto" } },
+                React.createElement(ExceptionView, { lang: currentLang, message: errorMessage, onBack: handleExceptionBack, returnLoading: returnLoading, autoRedirectSeconds: autoRedirectSeconds, countdown: countdown }))));
+    }
+    return (React.createElement(ThemeProvider, { theme: theme },
+        typeof document !== "undefined" &&
+            createPortal(React.createElement(ThemeProvider, { theme: theme },
+                React.createElement(Box, { sx: { position: "fixed", top: 16, right: 16, zIndex: 2147483647, pointerEvents: "auto" } },
+                    React.createElement(LangSelector, { lang: currentLang, onLangChange: setCurrentLangAndBump }))), document.body),
+        React.createElement(Box, { sx: { position: "relative", width: "100%", height: "100%", minHeight: "100vh" } },
+            React.createElement(SnapMatchStep, { key: "".concat(currentLang, "-").concat(loginKey, "-").concat(langChangeKey), lang: currentLang, loginKey: loginKey, onSuccess: handleSuccess, onError: handleError }))));
+};
+export default SnapMatch;

package/dist/components/SnapMatch/translations.js

@@ -0,0 +1,32 @@
+export var snapMatchResultTranslations = {
+    en: {
+        successTitle: "Verification successful",
+        successDescription: "You have completed identity verification through face recognition.",
+        countdownReturn: function (n) { return "".concat(n, " seconds until automatic return to verification"); },
+        redirecting: "Redirecting…",
+        nextPerson: "Next person",
+        failureDefault: "Verification failed. Please try again.",
+        retry: "Try again",
+        exceptionTitle: "Exception",
+        exceptionDescription: "Face verification succeeded but we could not retrieve your information. Please contact staff or try again.",
+        exceptionConnectionError: "Connection failed. Please try again later.",
+        backToVerification: "Back to verification",
+    },
+    "zh-TW": {
+        successTitle: "驗證成功",
+        successDescription: "您已透過人臉辨識完成身份驗證。",
+        countdownReturn: function (n) { return "".concat(n, " \u79D2\u5F8C\u81EA\u52D5\u8FD4\u56DE\u9A57\u8B49\u9801\u9762"); },
+        redirecting: "即將跳轉…",
+        nextPerson: "下一位",
+        failureDefault: "驗證失敗，請再試一次。",
+        retry: "再試一次",
+        exceptionTitle: "異常",
+        exceptionDescription: "人臉驗證已通過，但無法取得您的資料，請聯繫工作人員或稍後再試。",
+        exceptionConnectionError: "連線失敗，請稍後再試。",
+        backToVerification: "返回驗證頁面",
+    },
+};
+export function getSnapMatchResultTranslations(lang) {
+    var _a;
+    return (_a = snapMatchResultTranslations[lang]) !== null && _a !== void 0 ? _a : snapMatchResultTranslations.en;
+}

package/dist/components/SomethingWrong.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { Button, Stack, Typography, IconButton } from '@mui/material';
+import ArrowBackIcon from '@mui/icons-material/ArrowBack';
+import Footer from './Footer';
+import { useEffect, useState } from 'react';
+var SomethingWrong = function (_a) {
+    var message = _a.message, pressButton = _a.pressButton, venderErrorHandleBack = _a.venderErrorHandleBack;
+    var _b = useState(false), isVenderError = _b[0], setIsVenderError = _b[1];
+    var handleContinue = function () {
+        if (pressButton)
+            pressButton();
+        else
+            window.location.reload();
+    };
+    useEffect(function () {
+        if (message === 'Try again later or choose a different verification provider to proceed.') {
+            setIsVenderError(true);
+        }
+    }, [message]);
+    return (React.createElement(Stack, { height: 1, width: 1 },
+        isVenderError && (React.createElement(Stack, { width: 1, alignItems: "flex-start", pl: 2, pt: 2 },
+            React.createElement(IconButton, { onClick: venderErrorHandleBack },
+                React.createElement(ArrowBackIcon, { fontSize: 'large', color: 'primary' })))),
+        React.createElement(Stack, { pt: isVenderError ? 0 : 2, height: 1, width: 1, justifyContent: 'space-between', alignItems: 'center' },
+            React.createElement(Stack, { spacing: 4 },
+                React.createElement(Typography, { variant: "h1", fontWeight: 700, textAlign: "center", sx: { fontSize: { xs: '3.8rem', sm: '4rem' }, lineHeight: 1.2 } }, ':-('),
+                React.createElement(Typography, { variant: "h2", fontWeight: 700, textAlign: "center" }, "Oops!"),
+                isVenderError &&
+                    React.createElement(Typography, { variant: "body1", color: "text.secondary", textAlign: "center" }, "Something went wrong."),
+                message !== undefined && React.createElement(Typography, { variant: "body1", color: "text.secondary", textAlign: "center" }, message ? message : 'Something went wrong, but we’re working on it. Please try again later or contact support for assistance.')),
+            React.createElement(Stack, { spacing: 2, pb: 0, alignItems: 'center' },
+                React.createElement(Button, { variant: "contained", color: "primary", onClick: isVenderError ? venderErrorHandleBack : handleContinue, sx: {
+                        bgcolor: 'black',
+                        color: 'white',
+                        borderRadius: '25px',
+                        py: 1.5,
+                        width: '120px'
+                    } }, isVenderError ? 'Go back' : 'Try again'),
+                React.createElement(Footer, null)))));
+};
+export default SomethingWrong;

package/dist/components/VerifyWithPhoneNumber/NewUser/index.js

@@ -35,12 +35,12 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import React from "react";
+import ArrowBackRoundedIcon from '@mui/icons-material/ArrowBackRounded';
+import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';
 import { Box, CircularProgress, IconButton, Input, Stack, Typography } from "@mui/material";
-import theme from "../../theme";
 import { useEffect, useState } from "react";
 import berifymeApi from "../../../api/api";
-import ArrowBackRoundedIcon from '@mui/icons-material/ArrowBackRounded';
-import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';
+import theme from "../../theme";
 import Footer from "../../Footer";
 import webauthn from "../../../lib/webauthb";
 import { environmentDomains } from "../../../lib/environmentDomains";
@@ -118,7 +118,7 @@ var VerifyNewUser = function (_a) {
                     }
                     if (!res.user) {
                         setLoading(false);
-                        setErrorMessage('Oops! Something went wrong...');
+                        setErrorMessage('Something went wrong, but we’re working on it. Please try again later or contact support for assistance.');
                         return [2 /*return*/];
                     }
                     setErrorMessage('');

package/dist/components/VerifyWithPhoneNumber/User/index.js

@@ -91,7 +91,7 @@ var VerifyUser = function (_a) {
                     processedInputValue = processPhoneNumber(processedInputValue);
                     value = e.target.value;
                     setCode(value);
-                    if (!(value.length === 6)) return [3 /*break*/, 6];
+                    if (!(value.length === 6)) return [3 /*break*/, 7];
                     e.target.blur();
                     setLoading(true);
                     createDeveloperLog({
@@ -126,6 +126,9 @@ var VerifyUser = function (_a) {
                     }
                     setErrorMessage('');
                     setUser(res.user);
+                    return [4 /*yield*/, berifymeApi.wallet.getWallet({ phoneNumber: processedInputValue })];
+                case 2:
+                    _m.sent();
                     urlString = window.location.href;
                     url = new URL(urlString);
                     return [4 /*yield*/, webauthn.register({
@@ -135,7 +138,7 @@ var VerifyUser = function (_a) {
                             frontendDomain: "".concat(url.protocol, "//").concat(url.host),
                             frontendDomainName: url.host,
                         })];
-                case 2:
+                case 3:
                     _m.sent();
                     createDeveloperLog({
                         userId: (_b = res.user) === null || _b === void 0 ? void 0 : _b.id,
@@ -145,9 +148,9 @@ var VerifyUser = function (_a) {
                         sessionToken: token,
                     });
                     deviceId = localStorage.getItem('deviceId');
-                    if (!(deviceId && token)) return [3 /*break*/, 4];
+                    if (!(deviceId && token)) return [3 /*break*/, 5];
                     return [4 /*yield*/, berifymeApi.user.checkDeviceId({ phoneNumber: processedInputValue, deviceId: deviceId, token: token })];
-                case 3:
+                case 4:
                     deviceUser = _m.sent();
                     if (deviceUser.user) {
                         createDeveloperLog({
@@ -185,12 +188,12 @@ var VerifyUser = function (_a) {
                         firstDetail: deviceUser.error,
                         secondDetail: "deviceId: ".concat(deviceId),
                     });
-                    _m.label = 4;
-                case 4: return [4 /*yield*/, berifymeApi.user.getUserVenderByPhone({ phoneNumber: processedInputValue, token: token })];
-                case 5:
+                    _m.label = 5;
+                case 5: return [4 /*yield*/, berifymeApi.user.getUserVenderByPhone({ phoneNumber: processedInputValue, token: token })];
+                case 6:
                     getVender = _m.sent();
                     if (getVender.error) {
-                        setError((_e = getVender.error) !== null && _e !== void 0 ? _e : 'Oops! Something went wrong...');
+                        setError((_e = getVender.error) !== null && _e !== void 0 ? _e : 'Something went wrong, but we’re working on it. Please try again later or contact support for assistance.');
                         setLoading(false);
                         createDeveloperLog({
                             userId: (_f = res.user) === null || _f === void 0 ? void 0 : _f.id,
@@ -252,8 +255,8 @@ var VerifyUser = function (_a) {
                         firstDetail: processedInputValue,
                         secondDetail: 'webauthn success'
                     });
-                    _m.label = 6;
-                case 6: return [2 /*return*/];
+                    _m.label = 7;
+                case 7: return [2 /*return*/];
             }
         });
     }); };

package/dist/index.js

@@ -1,7 +1,12 @@
 // src/index.ts
 import { Environment } from "./enum";
 import BerifymeModal from "./BerifymeModal/";
-export var berifyme = {
+import SnapMatch from "./components/SnapMatch/";
+var berifyme = {
     environment: Environment,
     modal: BerifymeModal,
+    /** SnapMatch（1:N 人臉辨識）：可單獨使用，傳入 onSuccess / onError 取得結果 */
+    snapMatch: SnapMatch,
 };
+export default berifyme;
+export { berifyme };

package/dist/types/api/api.d.ts

@@ -356,7 +356,7 @@ declare function generateAppleWalletPass({ id, fullName, birthDate }: {
 }>;
 interface CreateSessionTokenResponse {
     sessionToken?: string;
-    companyLogo?: string;
+    companyLogo?: string | null;
     error?: string;
 }
 declare function createSessionToken({ apiKeyId, secretKey, redirectUrl, }: {
@@ -364,6 +364,11 @@ declare function createSessionToken({ apiKeyId, secretKey, redirectUrl, }: {
     secretKey: string;
     redirectUrl: string;
 }): Promise<CreateSessionTokenResponse>;
+/** SnapMatch（1:N）用：建立 session token（無 redirectUrl），回傳 sessionToken（session_ 前綴） */
+declare function createSessionTokenWithoutRedirectUrl({ apiKeyId, secretKey, }: {
+    apiKeyId: string;
+    secretKey: string;
+}): Promise<CreateSessionTokenResponse>;
 declare function createAuthenticationLogs({ actionType, token, userId, vender, os, browser, device, transactionId, incodeSessionId, clearSessionId, isPass, }: {
     actionType: ActionType;
     token: string;
@@ -537,6 +542,7 @@ declare const berifymeApi: {
         getRedirectUrl: typeof getRedirectUrl;
         checkThirdPartyVerificationToken: typeof checkThirdPartyVerificationToken;
         checkDesktopRedirectUrlIdExpired: typeof checkDesktopRedirectUrlIdExpired;
+        createSessionTokenWithoutRedirectUrl: typeof createSessionTokenWithoutRedirectUrl;
     };
     scheduld: {
         initUpdateAdminTokenSchedule: typeof initUpdateAdminTokenSchedule;

package/dist/types/components/AllSet/index.d.ts

@@ -1,9 +1,10 @@
 import React from "react";
 import { User } from "../../api/api";
-declare const AllSet: ({ user, token, desktopRedirectUrlId, setPageStatus }: {
+declare const AllSet: ({ user, token, desktopRedirectUrlId, setPageStatus, setError, }: {
     user: User | undefined;
     token: string | undefined;
     desktopRedirectUrlId?: string;
     setPageStatus: React.Dispatch<React.SetStateAction<number>>;
+    setError: React.Dispatch<React.SetStateAction<string | undefined>>;
 }) => React.JSX.Element;
 export default AllSet;

package/dist/types/components/Login/authid/authid.d.ts

@@ -6,6 +6,6 @@ declare const AuthID: ({ phone, setError, goRedirect, goToTryAgain, setUser, tok
     goRedirect: () => void;
     goToTryAgain: () => void;
     setUser: React.Dispatch<React.SetStateAction<UserWithAgeAndFullName | undefined>>;
-    token: string;
+    token?: string;
 }) => React.JSX.Element;
 export default AuthID;

package/dist/types/components/Login/authid/index.d.ts

@@ -5,5 +5,6 @@ declare const AuthidLogin: React.FC<{
     phoneNumber: string;
     setUser: React.Dispatch<React.SetStateAction<UserWithAgeAndFullName | undefined>>;
     token?: string;
+    setError: React.Dispatch<React.SetStateAction<string | undefined>>;
 }>;
 export { AuthidLogin };

package/dist/types/components/Login/clearAllSet.d.ts

@@ -3,5 +3,6 @@ declare const ClearLoginAllSet: React.FC<{
     token?: string;
     desktopRedirectUrlId?: string;
     setPageStatus: React.Dispatch<React.SetStateAction<number>>;
+    setError: React.Dispatch<React.SetStateAction<string | undefined>>;
 }>;
 export { ClearLoginAllSet };

package/dist/types/components/OnBoarding/clear/clearAllSet.d.ts

@@ -3,5 +3,6 @@ declare const ClearOnboardingAllSet: React.FC<{
     token?: string;
     desktopRedirectUrlId?: string;
     setPageStatus: React.Dispatch<React.SetStateAction<number>>;
+    setError: React.Dispatch<React.SetStateAction<string | undefined>>;
 }>;
 export { ClearOnboardingAllSet };

package/dist/types/components/OnBoarding/incode/SelectType.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
-declare const SelectType: ({ goToID, goToPassport, }: {
+declare const SelectType: ({ goToID, goToPassport, onCloseButtonClick, }: {
     goToID: () => void;
     goToPassport: () => void;
+    onCloseButtonClick: () => void;
 }) => React.JSX.Element;
 export default SelectType;

package/dist/types/components/OnBoarding/incode/index.d.ts

@@ -5,5 +5,7 @@ declare const IncodeOnBoarding: React.FC<{
     setUser: React.Dispatch<React.SetStateAction<UserWithAgeAndFullName | undefined>>;
     goToAllSet: () => void;
     token?: string;
+    setError: React.Dispatch<React.SetStateAction<string | undefined>>;
+    onGoBack: () => void;
 }>;
 export { IncodeOnBoarding };

package/dist/types/components/SnapMatch/ExceptionView.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+type ExceptionViewProps = {
+    lang: string;
+    message?: string;
+    onBack?: () => void;
+    returnLoading?: boolean;
+    autoRedirectSeconds?: number;
+    countdown?: number;
+};
+declare const ExceptionView: ({ lang, message, onBack, returnLoading, autoRedirectSeconds, countdown, }: ExceptionViewProps) => React.JSX.Element;
+export default ExceptionView;

package/dist/types/components/SnapMatch/LangSelector.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export declare const LANG_OPTIONS: {
+    value: string;
+    label: string;
+}[];
+type LangSelectorProps = {
+    lang: string;
+    onLangChange: (lang: string) => void;
+};
+declare function LangSelector({ lang, onLangChange }: LangSelectorProps): React.JSX.Element;
+export default LangSelector;

package/dist/types/components/SnapMatch/SnapMatchStep.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+export type SnapMatchSuccessResponse = {
+    customerId: string;
+    interviewId?: string;
+    token?: string;
+    transactionId?: string;
+};
+export type SnapMatchOnSuccessOptions = {
+    loginKey: number;
+};
+type SnapMatchStepProps = {
+    lang: string;
+    loginKey: number;
+    onSuccess: (response: SnapMatchSuccessResponse, options: SnapMatchOnSuccessOptions) => void;
+    onError: () => void;
+};
+/**
+ * 直接開啟 Incode SnapMatch（1:N）驗證步驟。
+ * 與 Frontend SnapMatchStep 對齊：僅依 lang 建立實例並轉發結果，父層負責 getUserByIncodeId 與 step。
+ * 以 key={`${lang}-${loginKey}`} 渲染可強制語系切換/返回時完整重掛載，避免 Incode 翻譯 cache。
+ */
+declare const SnapMatchStep: React.FC<SnapMatchStepProps>;
+export default SnapMatchStep;

package/dist/types/components/SnapMatch/SuccessView.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+type SuccessViewProps = {
+    lang: string;
+    fullName?: string;
+    onContinue?: () => void;
+    returnLoading?: boolean;
+    autoRedirectSeconds?: number;
+    countdown?: number;
+};
+declare const SuccessView: React.FC<SuccessViewProps>;
+export default SuccessView;

package/dist/types/components/SnapMatch/TryAgainView.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+type TryAgainViewProps = {
+    lang: string;
+    message?: string;
+    onRetry?: () => void;
+    retryLoading?: boolean;
+    autoRedirectSeconds?: number;
+    countdown?: number;
+};
+declare const TryAgainView: ({ lang, message, onRetry, retryLoading, autoRedirectSeconds, countdown, }: TryAgainViewProps) => React.JSX.Element;
+export default TryAgainView;

package/dist/types/components/SnapMatch/index.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { UserWithAgeAndFullName } from "../../api/api";
+import { Environment } from "../../enum";
+export type SnapMatchProps = {
+    apiKeyId: string;
+    secretKey: string;
+    environment: Environment;
+    onSuccess: (user: UserWithAgeAndFullName) => void;
+    onError: (message: string) => void;
+    token?: string;
+    /** 預設語系（掃描與結果頁），'en' | 'zh-TW'，預設 'en'；可於掃描時用按鈕切換中/英 */
+    lang?: string;
+    /** 結果頁顯示後自動返回掃臉的秒數，0 表示不自動跳轉，預設 5 */
+    autoRedirectSeconds?: number;
+};
+declare const SnapMatch: React.FC<SnapMatchProps>;
+export default SnapMatch;