@bytexbyte/berifyme-react-sdk 1.0.0

package/dist/components/speedTest/SpeedProvider.js

@@ -0,0 +1,57 @@
+import React, { createContext, useContext,
+// useEffect, useState,
+ } from 'react';
+// import { useNavigate } from 'react-router-dom';
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// import { ReactInternetSpeedMeter } from 'react-internet-meter';
+var SpeedContext = createContext({
+    speed: null,
+    stopSpeedTest: function () { },
+    startSpeedTest: function () { },
+});
+export var SpeedProvider = function (_a) {
+    var children = _a.children;
+    // const navigate = useNavigate();
+    // const [lowSpeedCount, setLowSpeedCount] = useState(0);
+    // const [speed, setSpeed] = useState<string | null>(null);
+    var speed = null;
+    // const [isSpeedTestEnabled, setIsSpeedTestEnabled] = useState(true);
+    var stopSpeedTest = function () {
+        // setLowSpeedCount(0);
+        // setIsSpeedTestEnabled(false);
+    };
+    var startSpeedTest = function () {
+        // setLowSpeedCount(0);
+        // setIsSpeedTestEnabled(true);
+    };
+    // const handleNetworkTest = (speed: string) => {
+    //   console.log('speed', speed);
+    //   setSpeed(speed); // 更新 speed 狀態
+    //   const threshold = 12;
+    //   if (Number(speed) < threshold) {
+    //     setLowSpeedCount(prevCount => prevCount + 1);
+    //   } else {
+    //     setLowSpeedCount(0);
+    //   }
+    // }
+    // useEffect(() => {
+    //   console.log('lowSpeedCount: ', lowSpeedCount, ' isSpeedTestEnabled: ', isSpeedTestEnabled);
+    //   console.log('isSpeedTestEnabled: ', isSpeedTestEnabled);
+    //   if (isSpeedTestEnabled && lowSpeedCount >= 3 && location.pathname !== '/networkError') {
+    //     navigate('/networkError');
+    //   }
+    // }, [lowSpeedCount, isSpeedTestEnabled]);
+    // useEffect(() => {
+    //   const checkNetworkStatus = () => {
+    //     if (!navigator.onLine && location.pathname !== '/networkError') {
+    //       navigate('/networkError');
+    //     }
+    //   };
+    //   const interval = setInterval(() => {
+    //     checkNetworkStatus();
+    //   }, 5000);
+    //   return () => clearInterval(interval);
+    // }, []);
+    return (React.createElement(SpeedContext.Provider, { value: { speed: speed, stopSpeedTest: stopSpeedTest, startSpeedTest: startSpeedTest } }, children));
+};
+export var useSpeedTest = function () { return useContext(SpeedContext); };

package/dist/components/theme.js

@@ -0,0 +1,120 @@
+import { createTheme } from '@mui/material';
+var theme = createTheme({
+    breakpoints: {
+        values: {
+            xs: 0,
+            sm: 600,
+            md: 768,
+            mdlg: 960,
+            lg: 1200,
+            xl: 1440,
+            xxl: 1728,
+            xxxl: 2200
+        },
+    },
+    typography: {
+        allVariants: {
+            fontFamily: 'Inter, roboto, system-ui, Avenir, Helvetica, Arial, sans-serif',
+            textTransform: 'none',
+            letterSpacing: 0,
+        },
+        h1: {
+            fontSize: '2.5rem',
+            fontWeight: 700,
+            lineHeight: '3rem',
+        },
+        h2: {
+            fontSize: '1.5rem',
+            fontWeight: 500,
+            lineHeight: '2.5rem',
+        },
+        h3: {
+            fontSize: '1.25rem',
+            fontWeight: 500,
+            lineHeight: '1.75rem'
+        },
+        h4: {
+            fontSize: '1rem',
+            fontWeight: 500,
+            lineHeight: '1.5rem'
+        },
+        h5: {
+            fontSize: '1rem',
+            fontWeight: 500,
+            lineHeight: '1.5rem'
+        },
+        h6: {
+            fontSize: '0.75rem',
+            fontWeight: 500,
+            lineHeight: '1rem'
+        },
+        body1: {
+            fontSize: '1rem',
+            fontWeight: 500,
+            lineHeight: '1.5rem'
+        },
+        body2: {
+            fontSize: '0.75rem',
+            fontWeight: 500,
+            lineHeight: '1.2rem'
+        },
+        subtitle2: {
+            fontSize: '0.5rem',
+            fontWeight: 500,
+            lineHeight: '0.8rem'
+        }
+    },
+    palette: {
+        primary: {
+            main: '#000000',
+        },
+        secondary: {
+            light: '#E5F6FD',
+            main: '#4faef7',
+            dark: '#014361',
+            contrastText: 'white'
+        },
+        success: {
+            main: '#2CD483'
+        },
+        info: {
+            main: '#808080',
+            dark: '#000000',
+            light: '#696969'
+        },
+        text: {
+            primary: '#000000',
+            secondary: '#696969'
+        },
+    },
+    components: {
+        MuiButton: {
+            styleOverrides: {
+                root: {
+                    fontWeight: 700,
+                    borderRadius: 40
+                }
+            }
+        },
+        MuiOutlinedInput: {
+            styleOverrides: {
+                root: {
+                    background: '#f7f7f7',
+                    '& fieldset': {
+                        borderColor: '#f7f7f7',
+                    }
+                }
+            }
+        },
+        MuiFormControlLabel: {
+            styleOverrides: {
+                root: {
+                    '& .MuiFormControlLabel-asterisk ': {
+                        display: 'none'
+                    }
+                }
+            }
+        }
+    }
+});
+export default theme;

package/dist/enum/index.js

@@ -0,0 +1,24 @@
+export var Environment;
+(function (Environment) {
+    Environment["Sandbox"] = "sandbox";
+    Environment["Staging"] = "staging";
+    Environment["Idv"] = "idv";
+})(Environment || (Environment = {}));
+export var PageStatus;
+(function (PageStatus) {
+    PageStatus[PageStatus["Loading"] = -1] = "Loading";
+    PageStatus[PageStatus["SendSns"] = 0] = "SendSns";
+    PageStatus[PageStatus["VerifyNewUser"] = 1] = "VerifyNewUser";
+    PageStatus[PageStatus["Vender"] = 1.1] = "Vender";
+    PageStatus[PageStatus["IdOrPassport"] = 1.2] = "IdOrPassport";
+    PageStatus[PageStatus["VerifyUser"] = 1.5] = "VerifyUser";
+    PageStatus[PageStatus["AuthIdOnboarding"] = 2] = "AuthIdOnboarding";
+    PageStatus[PageStatus["ClearOnboarding"] = 2.1] = "ClearOnboarding";
+    PageStatus[PageStatus["IncodeOnBoarding"] = 2.2] = "IncodeOnBoarding";
+    PageStatus[PageStatus["AuthidLogin"] = 3] = "AuthidLogin";
+    PageStatus[PageStatus["ClearLogin"] = 4] = "ClearLogin";
+    PageStatus[PageStatus["IncodeLogin"] = 5] = "IncodeLogin";
+    PageStatus[PageStatus["ClearLoginAllSet"] = 6] = "ClearLoginAllSet";
+    PageStatus[PageStatus["ClearOnboardingAllSet"] = 7] = "ClearOnboardingAllSet";
+    PageStatus[PageStatus["AllSet"] = 10] = "AllSet";
+})(PageStatus || (PageStatus = {}));

package/dist/index.js

@@ -0,0 +1,7 @@
+// src/index.ts
+import { Environment } from "./enum";
+import BerifymeModal from "./BerifymeModal/";
+export var berifyme = {
+    environment: Environment,
+    modal: BerifymeModal,
+};

package/dist/lib/environmentDomains.js

@@ -0,0 +1,12 @@
+var _a, _b;
+import { Environment } from "../enum";
+export var environmentDomains = (_a = {},
+    _a[Environment.Sandbox] = 'https://sandbox-backend.berify.me',
+    _a[Environment.Staging] = 'https://staging-backend.berify.me',
+    _a[Environment.Idv] = 'https://backend.berify.me',
+    _a);
+export var environmentWebviewDomains = (_b = {},
+    _b[Environment.Sandbox] = 'https://sandbox.berify.me',
+    _b[Environment.Staging] = 'https://staging.berify.me',
+    _b[Environment.Idv] = 'https://idv.berify.me',
+    _b);

package/dist/lib/webauthb.js

@@ -0,0 +1,158 @@
+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 { startRegistration, startAuthentication, } from '@simplewebauthn/browser';
+//[web] const backendDomainEnv = import.meta.env.VITE_BACKEND_DOMAIN as string;
+//[web] const frontendDomainEnv = import.meta.env.VITE_DOMAIN as string;
+//[web] const frontendDomainNameEnv = import.meta.env.VITE_DOMAIN_NAME as string;
+var handleRegister = function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
+    var response, res, attResp, verificationResponse, error_1;
+    var phoneNumber = _b.phoneNumber, backendDomain = _b.backendDomain, frontendDomain = _b.frontendDomain, frontendDomainName = _b.frontendDomainName;
+    return __generator(this, function (_c) {
+        switch (_c.label) {
+            case 0:
+                _c.trys.push([0, 5, 6, 7]);
+                // 強制將網頁窗口焦點
+                window.focus();
+                return [4 /*yield*/, fetch("".concat(backendDomain, "/api/webauthn/get-registration-options"), {
+                        method: 'POST',
+                        headers: { 'Content-Type': 'application/json' },
+                        body: JSON.stringify({ phoneNumber: phoneNumber, expectedOrigin: frontendDomain, expectedRPID: frontendDomainName }),
+                    })];
+            case 1:
+                response = _c.sent();
+                return [4 /*yield*/, response.json()];
+            case 2:
+                res = _c.sent();
+                console.log('res: ', res);
+                return [4 /*yield*/, startRegistration(res)];
+            case 3:
+                attResp = _c.sent();
+                console.log('attResp', JSON.stringify({ attResp: attResp }));
+                return [4 /*yield*/, fetch("".concat(backendDomain, "/api/webauthn/verify-registration"), {
+                        method: 'POST',
+                        headers: { 'Content-Type': 'application/json' },
+                        body: JSON.stringify({ attResp: attResp, phoneNumber: phoneNumber, expectedOrigin: frontendDomain, expectedRPID: frontendDomainName }),
+                    })];
+            case 4:
+                verificationResponse = _c.sent();
+                if (verificationResponse.ok) {
+                }
+                else {
+                }
+                return [3 /*break*/, 7];
+            case 5:
+                error_1 = _c.sent();
+                // 檢查是否是用戶取消 WebAuthn 的錯誤
+                if (error_1.name === 'NotAllowedError') {
+                    console.error('User cancelled WebAuthn registration.');
+                    // 在這裡你可以執行任何需要的邏輯，例如顯示提示信息
+                }
+                else {
+                    console.error('Error during registration:', error_1);
+                }
+                return [3 /*break*/, 7];
+            case 6:
+                console.log('Registration process finished.');
+                return [7 /*endfinally*/];
+            case 7: return [2 /*return*/];
+        }
+    });
+}); };
+var handleLogin = function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
+    var response, authOptions, authResp, verificationResponse, responseJson, error_2;
+    var phoneNumber = _b.phoneNumber, backendDomain = _b.backendDomain, frontendDomain = _b.frontendDomain, frontendDomainName = _b.frontendDomainName;
+    return __generator(this, function (_c) {
+        switch (_c.label) {
+            case 0:
+                _c.trys.push([0, 8, 9, 10]);
+                // 強制將網頁窗口焦點
+                window.focus();
+                return [4 /*yield*/, fetch("".concat(backendDomain, "/api/webauthn/get-authentication-options"), {
+                        method: 'POST',
+                        headers: { 'Content-Type': 'application/json' },
+                        body: JSON.stringify({ phoneNumber: phoneNumber, expectedOrigin: frontendDomain, expectedRPID: frontendDomainName }),
+                    })];
+            case 1:
+                response = _c.sent();
+                if (!response.ok)
+                    return [2 /*return*/, { user: undefined, success: false }];
+                return [4 /*yield*/, response.json()];
+            case 2:
+                authOptions = _c.sent();
+                console.log('authOptions: ', authOptions);
+                return [4 /*yield*/, startAuthentication(authOptions)];
+            case 3:
+                authResp = _c.sent();
+                console.log('authResp', JSON.stringify({ authResp: authResp }));
+                return [4 /*yield*/, fetch("".concat(backendDomain, "/api/webauthn/verify-authentication"), {
+                        method: 'POST',
+                        headers: { 'Content-Type': 'application/json' },
+                        body: JSON.stringify({ authResp: authResp, phoneNumber: phoneNumber, expectedOrigin: frontendDomain, expectedRPID: frontendDomainName }),
+                    })];
+            case 4:
+                verificationResponse = _c.sent();
+                if (!verificationResponse.ok) return [3 /*break*/, 6];
+                console.log('Login successful!');
+                return [4 /*yield*/, verificationResponse.json()];
+            case 5:
+                responseJson = _c.sent();
+                return [2 /*return*/, { user: responseJson.user, success: true }];
+            case 6:
+                console.error('Authentication verification failed.');
+                return [2 /*return*/, { user: undefined, success: false }];
+            case 7: return [3 /*break*/, 10];
+            case 8:
+                error_2 = _c.sent();
+                if (error_2.name === 'NotAllowedError') {
+                    console.error('User cancelled WebAuthn login.');
+                }
+                else {
+                    console.error('Error during authentication:', error_2);
+                }
+                return [2 /*return*/, { user: undefined, success: false }];
+            case 9:
+                console.log('Authentication process finished.');
+                return [7 /*endfinally*/];
+            case 10: return [2 /*return*/];
+        }
+    });
+}); };
+var webauthn = {
+    login: handleLogin,
+    register: handleRegister,
+};
+export default webauthn;

package/dist/state.js

@@ -0,0 +1,23 @@
+// src/state.ts
+var SDKState = /** @class */ (function () {
+    function SDKState() {
+        this.data = {};
+    }
+    SDKState.getInstance = function () {
+        if (!SDKState.instance) {
+            SDKState.instance = new SDKState();
+        }
+        return SDKState.instance;
+    };
+    SDKState.prototype.set = function (key, value) {
+        this.data[key] = value;
+    };
+    SDKState.prototype.get = function (key) {
+        return this.data[key];
+    };
+    SDKState.prototype.getAll = function () {
+        return this.data;
+    };
+    return SDKState;
+}());
+export var sdkState = SDKState.getInstance();

package/dist/theme.js

@@ -0,0 +1,120 @@
+import { createTheme } from '@mui/material';
+var theme = createTheme({
+    breakpoints: {
+        values: {
+            xs: 0,
+            sm: 600,
+            md: 768,
+            mdlg: 960,
+            lg: 1200,
+            xl: 1440,
+            xxl: 1728,
+            xxxl: 2200
+        },
+    },
+    typography: {
+        allVariants: {
+            fontFamily: 'Inter, roboto, system-ui, Avenir, Helvetica, Arial, sans-serif',
+            textTransform: 'none',
+            letterSpacing: 0,
+        },
+        h1: {
+            fontSize: '2.5rem',
+            fontWeight: 700,
+            lineHeight: '3rem',
+        },
+        h2: {
+            fontSize: '1.5rem',
+            fontWeight: 400,
+            lineHeight: '2.5rem',
+        },
+        h3: {
+            fontSize: '1.25rem',
+            fontWeight: 400,
+            lineHeight: '1.75rem'
+        },
+        h4: {
+            fontSize: '1rem',
+            fontWeight: 400,
+            lineHeight: '1.5rem'
+        },
+        h5: {
+            fontSize: '1rem',
+            fontWeight: 400,
+            lineHeight: '1.5rem'
+        },
+        h6: {
+            fontSize: '0.75rem',
+            fontWeight: 400,
+            lineHeight: '1rem'
+        },
+        body1: {
+            fontSize: '1rem',
+            fontWeight: 400,
+            lineHeight: '1.5rem'
+        },
+        body2: {
+            fontSize: '0.75rem',
+            fontWeight: 400,
+            lineHeight: '1.2rem'
+        },
+        subtitle2: {
+            fontSize: '0.5rem',
+            fontWeight: 400,
+            lineHeight: '0.8rem'
+        }
+    },
+    palette: {
+        primary: {
+            main: '#000000',
+        },
+        secondary: {
+            light: '#E5F6FD',
+            main: '#4faef7',
+            dark: '#014361',
+            contrastText: 'white'
+        },
+        success: {
+            main: '#2CD483'
+        },
+        info: {
+            main: '#808080',
+            dark: '#000000',
+            light: '#696969'
+        },
+        text: {
+            primary: '#000000',
+            secondary: '#696969'
+        },
+    },
+    components: {
+        MuiButton: {
+            styleOverrides: {
+                root: {
+                    fontWeight: 700,
+                    borderRadius: 40
+                }
+            }
+        },
+        MuiOutlinedInput: {
+            styleOverrides: {
+                root: {
+                    background: '#f7f7f7',
+                    '& fieldset': {
+                        borderColor: '#f7f7f7',
+                    }
+                }
+            }
+        },
+        MuiFormControlLabel: {
+            styleOverrides: {
+                root: {
+                    '& .MuiFormControlLabel-asterisk ': {
+                        display: 'none'
+                    }
+                }
+            }
+        }
+    }
+});
+export default theme;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const Modal: React.FC<{
+    height: string;
+    children: React.ReactNode;
+    border?: boolean;
+}>;
+export default Modal;

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

@@ -0,0 +1,12 @@
+import { Environment } from '../enum';
+import React from 'react';
+import '../../index.css';
+declare const HomeModal: React.FC<{
+    apiKeyId: string;
+    secretKey: string;
+    redirectUrl: string;
+    initialPhoneNumber?: string;
+    environment: Environment;
+    forceQrcode?: boolean;
+}>;
+export default HomeModal;