@bytexbyte/berifyme-react-sdk 1.0.11 → 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/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.12",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/types/index.d.ts",