@bytexbyte/berifyme-react-sdk 1.0.10 → 1.0.12

package/dist/BerifymeModal/index.js

@@ -57,14 +57,14 @@ import theme from '../components/theme';
 import TryAgainInModal from '../components/TryAgainInModal';
 import VerifyNewUser from '../components/VerifyWithPhoneNumber/NewUser';
 import VerifyUser from '../components/VerifyWithPhoneNumber/User';
-import { PageStatus } from '../enum';
+import { getPageStatusString, PageStatus } from '../enum';
 import { environmentDomains } from '../lib/environmentDomains';
 import { incode } from '../vender/incode/incode';
 import Modal from './MainModal';
 import QrcodeExpired from '../components/QrcodeExpired';
 import SessionInterrupted from '../components/SessionInterrupted';
 var HomeModal = function (_a) {
-    var apiKeyId = _a.apiKeyId, secretKey = _a.secretKey, redirectUrl = _a.redirectUrl, _b = _a.initialPhoneNumber, initialPhoneNumber = _b === void 0 ? '' : _b, environment = _a.environment, forceQrcode = _a.forceQrcode;
+    var apiKeyId = _a.apiKeyId, secretKey = _a.secretKey, redirectUrl = _a.redirectUrl, _b = _a.initialPhoneNumber, initialPhoneNumber = _b === void 0 ? '' : _b, environment = _a.environment, forceQrcode = _a.forceQrcode, onUpdate = _a.onUpdate;
     var _c = useState(window.innerWidth > window.innerHeight), isLandscape = _c[0], setIsLandscape = _c[1];
     var _d = useState(), desktopRedirectUrlId = _d[0], setDesktopRedirectUrlId = _d[1];
     var _e = useState(false), useQrcode = _e[0], setUseQrcode = _e[1];
@@ -236,7 +236,6 @@ var HomeModal = function (_a) {
             setAuthIdSelectedIdType('');
     }, [error]);
     useEffect(function () {
-        console.log('change page to: ', pageStatus);
         if (useQrcode) {
             setModalHeight('80vh');
         }
@@ -291,11 +290,21 @@ var HomeModal = function (_a) {
         else {
             setModalHeight('80vh');
         }
+        // 於首頁傳送change page資訊至外部的方法
+        var detail = {
+            page: { pageName: getPageStatusString(pageStatus) },
+        };
+        // 廣播給Listener使用
+        var event = new CustomEvent('berifyme:page', { detail: detail });
+        window.dispatchEvent(event);
+        // 使用callback
+        if (onUpdate)
+            onUpdate({ detail: detail });
     }, [pageStatus, useQrcode, isLandscape]);
     useEffect(function () {
         var checkOrientation = function () {
             setIsLandscape(window.innerWidth > window.innerHeight);
-            console.log('用戶是直式或橫式：', window.innerWidth > window.innerHeight ? '橫' : '直');
+            console.log('checkOrientation Landscape: ', window.innerWidth > window.innerHeight ? 'true' : 'false');
         };
         window.addEventListener('resize', checkOrientation);
         checkOrientation();

package/dist/api/api.js

@@ -513,14 +513,20 @@ function sendPhoneNumberCode(_a) {
         });
     });
 }
+export var VerificationStatus;
+(function (VerificationStatus) {
+    VerificationStatus["PENDING"] = "PENDING";
+    VerificationStatus["ONBOARDING"] = "ONBOARDING";
+    VerificationStatus["LOGIN"] = "LOGIN";
+})(VerificationStatus || (VerificationStatus = {}));
 function getUserBySessionId(_a) {
     return __awaiter(this, arguments, void 0, function (_b) {
         var url, res;
-        var sessionId = _b.sessionId, token = _b.token;
+        var sessionId = _b.sessionId, verificationStatus = _b.verificationStatus, token = _b.token;
         return __generator(this, function (_c) {
             switch (_c.label) {
                 case 0:
-                    url = "".concat(config.backendDomain, "/api/user/getUserByClearSessionId?id=").concat(sessionId).concat(token ? "&token=".concat(token) : '');
+                    url = "".concat(config.backendDomain, "/api/user/getUserByClearSessionId?id=").concat(sessionId, "&verificationStatus=").concat(verificationStatus).concat(token ? "&token=".concat(token) : '');
                     console.log('UrlString: ', url);
                     return [4 /*yield*/, axios.get(url)];
                 case 1:

package/dist/components/Login/clearAllSet.js

@@ -36,7 +36,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 import React from "react";
 import { useEffect, useState } from "react";
-import berifymeApi from "../../api/api";
+import berifymeApi, { VerificationStatus } from "../../api/api";
 import { Box, CircularProgress } from "@mui/material";
 import AllSet from "../../components/AllSet";
 import TryAgain from "../TryAgain";
@@ -51,7 +51,7 @@ var ClearLoginAllSet = function (_a) {
         var sessionId = _b.sessionId, token = _b.token;
         return __generator(this, function (_c) {
             switch (_c.label) {
-                case 0: return [4 /*yield*/, berifymeApi.user.getUserBySessionId({ sessionId: sessionId, token: token })];
+                case 0: return [4 /*yield*/, berifymeApi.user.getUserBySessionId({ sessionId: sessionId, verificationStatus: VerificationStatus.LOGIN, token: token })];
                 case 1:
                     res = _c.sent();
                     createDeveloperLog({

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

@@ -36,7 +36,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 import React from "react";
 import { useEffect, useState } from "react";
-import berifymeApi from "../../../api/api";
+import berifymeApi, { VerificationStatus } from "../../../api/api";
 import { Box, CircularProgress } from "@mui/material";
 import AllSet from "../../AllSet";
 import TryAgain from "../../TryAgain";
@@ -67,7 +67,7 @@ var ClearOnboardingAllSet = function (_a) {
                         setError(approveRes.error);
                         return [2 /*return*/];
                     }
-                    return [4 /*yield*/, berifymeApi.user.getUserBySessionId({ sessionId: sessionId, token: token })];
+                    return [4 /*yield*/, berifymeApi.user.getUserBySessionId({ sessionId: sessionId, verificationStatus: VerificationStatus.ONBOARDING, token: token })];
                 case 2:
                     res = _c.sent();
                     createDeveloperLog({

package/dist/enum/index.js

@@ -24,3 +24,55 @@ export var PageStatus;
     PageStatus[PageStatus["ClearOnboardingAllSet"] = 7] = "ClearOnboardingAllSet";
     PageStatus[PageStatus["AllSet"] = 10] = "AllSet";
 })(PageStatus || (PageStatus = {}));
+export var getPageStatusString = function (status) {
+    switch (status) {
+        case PageStatus.SessionInterrupted:
+            return "SessionInterrupted";
+        case PageStatus.QRCodeExpired:
+            return "QRCodeExpired";
+        case PageStatus.Loading:
+            return "Loading";
+        case PageStatus.SendSns:
+            return "AuthStart";
+        case PageStatus.VerifyNewUser:
+            return "VerifyNewUser";
+        case PageStatus.Vender:
+            return "Vender";
+        case PageStatus.IdOrPassport:
+            return "BerifymeChooseIdOrPassport";
+        case PageStatus.VerifyUser:
+            return "VerifyUser";
+        case PageStatus.AuthIdOnboarding:
+            return "BerifymeOnboarding";
+        case PageStatus.ClearOnboarding:
+            return "ClearOnboarding";
+        case PageStatus.IncodeOnBoarding:
+            return "IncodeOnBoarding";
+        // case PageStatus.SumsubOnBoarding:
+        //   return "SumsubOnBoarding";
+        // case PageStatus.VeriffOnBoarding:
+        //   return "VeriffOnBoarding";
+        // case PageStatus.YotiOnBoarding:
+        //   return "YotiOnBoarding";
+        case PageStatus.AuthidLogin:
+            return "BerifymeLogin";
+        case PageStatus.ClearLogin:
+            return "ClearLogin";
+        case PageStatus.IncodeLogin:
+            return "IncodeLogin";
+        case PageStatus.ClearLoginAllSet:
+            return "ClearLoginVerifySuccess";
+        case PageStatus.ClearOnboardingAllSet:
+            return "ClearOnboardingVerifySuccess";
+        // case PageStatus.SumsubLogin:
+        //   return "SumsubLogin";
+        // case PageStatus.VeriffLogin:
+        //   return "VeriffLogin";
+        // case PageStatus.YotiLogin:
+        //   return "YotiLogin";
+        case PageStatus.AllSet:
+            return "VerifySuccess";
+        default:
+            return "UnknownStatus";
+    }
+};

package/dist/event.js

@@ -0,0 +1,18 @@
+// event.ts
+import { EventEmitter } from 'events';
+// 定義事件名稱
+export var BERIFYME_PAGE_EVENT = 'berifyme:page';
+// 創建事件管理器
+var eventEmitter = new EventEmitter();
+// 將事件管理器導出
+export var berifymeEventEmitter = {
+    emit: function (eventType, detail) {
+        eventEmitter.emit(eventType, detail);
+    },
+    addListener: function (eventType, callback) {
+        eventEmitter.addListener(eventType, callback);
+    },
+    removeListener: function (eventType, callback) {
+        eventEmitter.removeListener(eventType, callback);
+    },
+};

package/dist/types/BerifymeModal/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import '../../index.css';
-import { Environment } from '../enum';
+import { Environment, UpdateData } from '../enum';
 declare const HomeModal: React.FC<{
     apiKeyId: string;
     secretKey: string;
@@ -8,5 +8,8 @@ declare const HomeModal: React.FC<{
     initialPhoneNumber?: string;
     environment: Environment;
     forceQrcode?: boolean;
+    onUpdate?: ({ detail }: {
+        detail: UpdateData;
+    }) => void;
 }>;
 export default HomeModal;

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

@@ -260,8 +260,14 @@ declare function sendPhoneNumberCode({ phoneNumber, token }: {
     success: boolean;
     error?: string;
 }>;
-declare function getUserBySessionId({ sessionId, token }: {
+export declare enum VerificationStatus {
+    PENDING = "PENDING",
+    ONBOARDING = "ONBOARDING",
+    LOGIN = "LOGIN"
+}
+declare function getUserBySessionId({ sessionId, verificationStatus, token }: {
     sessionId: string;
+    verificationStatus: VerificationStatus;
     token?: string;
 }): Promise<{
     user?: UserWithAgeAndFullName;

package/dist/types/enum/index.d.ts

@@ -3,6 +3,12 @@ export declare enum Environment {
     Staging = "staging",
     Idv = "idv"
 }
+export type UpdateData = {
+    page?: {
+        pageName: string;
+    };
+    message?: string;
+};
 export declare enum PageStatus {
     SessionInterrupted = -3,
     QRCodeExpired = -2,
@@ -22,3 +28,4 @@ export declare enum PageStatus {
     ClearOnboardingAllSet = 7,
     AllSet = 10
 }
+export declare const getPageStatusString: (status: number) => string;

package/dist/types/event.d.ts

@@ -0,0 +1,9 @@
+export declare const BERIFYME_PAGE_EVENT = "berifyme:page";
+export interface BerifymePageEventDetail {
+    pageName: string;
+}
+export declare const berifymeEventEmitter: {
+    emit(eventType: string, detail: BerifymePageEventDetail): void;
+    addListener(eventType: string, callback: (detail: BerifymePageEventDetail) => void): void;
+    removeListener(eventType: string, callback: (detail: BerifymePageEventDetail) => void): void;
+};

package/dist/types/index.d.ts

@@ -8,5 +8,8 @@ export declare const berifyme: {
         initialPhoneNumber?: string;
         environment: Environment;
         forceQrcode?: boolean;
+        onUpdate?: ({ detail }: {
+            detail: import("./enum").UpdateData;
+        }) => void;
     }>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytexbyte/berifyme-react-sdk",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/types/index.d.ts",