@bytexbyte/berifyme-react-sdk 1.0.11 → 1.0.13

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/components/Login/authid/authid.js

@@ -134,22 +134,22 @@ var AuthID = function (_a) {
                         });
                         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,
-                        }
-                    }));
+                    // WebSDK不需要這段, 不會被WebView使用 (window as any).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,
+                    //     age: null,
+                    //     birthDate: birthDateFromAuthId?.replaceAll('-', '/'),
+                    //     transactionId,
+                    //   }
+                    // }));
                     return [2 /*return*/];
                 case 3:
                     setError(result.error);

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

@@ -210,12 +210,12 @@ var AuthID = function (_a) {
                     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) {
+                        var _a, _b, _c, _d, _e, _f;
+                        return __generator(this, function (_g) {
+                            switch (_g.label) {
                                 case 0: return [4 /*yield*/, berifymeApi.authID.getDocumentDetails({ token: localStorage.getItem('authID_token') || '', operationId: operationId, userId: userId, sessionToken: token })];
                                 case 1:
-                                    document = _h.sent();
+                                    document = _g.sent();
                                     createDeveloperLog({
                                         userId: userId,
                                         source: 'FRONTEND',
@@ -246,7 +246,7 @@ var AuthID = function (_a) {
                                             documentType: (documentType === null || documentType === void 0 ? void 0 : documentType.includes('Passport')) ? 'Passport' : 'ID'
                                         })];
                                 case 2:
-                                    _h.sent();
+                                    _g.sent();
                                     createDeveloperLog({
                                         userId: userId,
                                         source: 'FRONTEND',
@@ -262,23 +262,7 @@ var AuthID = function (_a) {
                                         updateAuthenticationLog({ isPass: true, transactionId: operationId, token: token });
                                         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;
+                                    _g.label = 3;
                                 case 3: return [2 /*return*/];
                             }
                         });

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/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.11",
+  "version": "1.0.13",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/types/index.d.ts",