@regulaforensics/vp-frontend-face-components 1.4.0 → 2.0.1

package/lib/web-components/CameraSnapshot.d.ts

@@ -0,0 +1,14 @@
+import { DocumentDictionaries } from '../types';
+export default class DocumentReaderCaptureWebComponent extends HTMLElement {
+    private _root;
+    private _mounted;
+    private _translations;
+    constructor();
+    static get observedAttributes(): Array<string>;
+    attributeChangedCallback(name: string): void;
+    connectedCallback(): void;
+    set translations(dictionary: DocumentDictionaries | null);
+    get translations(): DocumentDictionaries | null;
+    render(): void;
+    disconnectedCallback(): void;
+}

package/lib/web-components/DocumentReader.d.ts

@@ -0,0 +1,14 @@
+import { DocumentDictionaries } from '../types';
+export default class DocumentReaderWebComponent extends HTMLElement {
+    private _root;
+    private _mounted;
+    private _translations;
+    constructor();
+    static get observedAttributes(): Array<string>;
+    attributeChangedCallback(name: string): void;
+    connectedCallback(): void;
+    set translations(dictionary: DocumentDictionaries | null);
+    get translations(): DocumentDictionaries | null;
+    render(): void;
+    disconnectedCallback(): void;
+}

package/lib/web-components/FaceDetection.d.ts

@@ -1,9 +1,9 @@
 export default class FaceDetectionWebComponent extends HTMLElement {
-    root: ShadowRoot;
-    mounted: boolean;
-    initialStyles: string;
+    private _root;
+    private _mounted;
     constructor();
     static get observedAttributes(): Array<string>;
+    get version(): string;
     attributeChangedCallback(name: string): void;
     connectedCallback(): void;
     render(): void;

package/lib/web-components/FaceLiveness.d.ts

@@ -1,14 +1,17 @@
 export default class FaceLivenessWebComponent extends HTMLElement {
-    root: ShadowRoot;
-    mounted: boolean;
-    requestHeaders: Record<string, string>;
-    initialStyles: string;
+    private _root;
+    private _mounted;
+    private _headers;
+    private _sessionIdValue;
     constructor();
     static get observedAttributes(): Array<string>;
     attributeChangedCallback(name: string): void;
     connectedCallback(): void;
     set headers(headersData: Record<string, string>);
     get headers(): Record<string, string>;
+    get version(): string;
+    set sessionId(id: string);
+    get sessionId(): string;
     render(): void;
     disconnectedCallback(): void;
 }

package/lib/web-components/FullScreenContainer.d.ts

@@ -1,4 +1,4 @@
 export default class FullScreenContainer extends HTMLElement {
-    root: ShadowRoot;
+    private _root;
     constructor();
 }

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@regulaforensics/vp-frontend-face-components",
-  "version": "1.4.0",
+  "version": "2.0.1",
   "description": "Regula framework agnostic web components to work with webcamera",
-  "types": "lib/web-components.d.ts",
+  "types": "lib/types.d.ts",
   "main": "dist/main.js",
+  "module": "esm/main.js",
   "files": [
-    "dist/*",
-    "lib/*"
+    "dist",
+    "esm",
+    "lib"
   ],
   "author": "Regula Forensics, Inc.",
   "license": "MIT",
   "homepage": "https://storybook-face.regulaforensics.com/",
   "scripts": {
-    "start": "webpack serve --config webpack.dev.js",
-    "build": "webpack --config webpack.prod.js",
-    "build-face": "npm run clean-lib && npm run generate-face-types && webpack --config webpack.face.js",
-    "build-document": "npm run clean-lib && npm run generate-document-types && webpack --config webpack.document.js",
+    "build-face": "npm run clean-lib && npm run generate-face-types && webpack --config webpack.face-umd.js",
+    "build-document": "npm run clean-lib && npm run generate-document-types && webpack --config webpack.document-umd.js && webpack --config webpack.document-esm.js",
     "storybook": "start-storybook -p 6006 -c .storybook-development -h localhost",
     "build-storybook-development": "build-storybook -c .storybook-development",
     "build-storybook-nightly": "build-storybook -c .storybook-nightly",
@@ -23,80 +23,77 @@
     "build-storybook-document-rc": "build-storybook -c .storybook-rc/document",
     "build-storybook-face-release": "build-storybook -c .storybook-release/face",
     "build-storybook-document-release": "build-storybook -c .storybook-release/document",
+    "build-storybook-document-beta": "build-storybook -c .storybook-beta/document",
+    "build-storybook-face-beta": "build-storybook -c .storybook-beta/face",
     "generate-dictionaries": "node scripts/xml-dictionary-parser/index.js Translator.xml src/i18n/dictionaries",
-    "clean-lib": "rm -rf ./lib",
+    "clean-lib": "rimraf ./lib",
     "generate-face-types": "tsc --project ./configs/face.tsconfig.json",
-    "generate-document-types": "tsc --project ./configs/document.tsconfig.json"
-  },
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged && tsc --noEmit"
-    }
+    "generate-document-types": "tsc --project ./configs/document.tsconfig.json",
+    "prepare": "husky install",
+    "check-types": "tsc --noEmit"
   },
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix"
   },
   "dependencies": {
-    "@regulaforensics/document-reader-webclient": "^6.3.1",
     "@regulaforensics/facesdk-webclient": "^3.1.2",
-    "@storybook/manager-webpack5": "^6.4.22",
-    "@webcomponents/webcomponentsjs": "^2.6.0",
-    "axios": "^0.21.1",
-    "base64-arraybuffer": "^0.2.0",
+    "@webcomponents/webcomponentsjs": "2.6.0",
     "localize-react": "^1.7.1",
-    "react": "^17.0.2",
-    "react-device-detect": "^2.1.2",
-    "react-dom": "^17.0.2",
-    "react-json-view": "^1.21.3",
-    "uuid": "^8.3.2",
-    "wasm-feature-detect": "^1.2.11"
+    "react": "^18.2.0",
+    "react-device-detect": "^2.2.2",
+    "react-dom": "^18.2.0",
+    "uuid": "^9.0.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.12.10",
-    "@babel/plugin-transform-runtime": "^7.12.10",
-    "@babel/preset-env": "^7.12.11",
-    "@babel/preset-react": "^7.12.10",
-    "@babel/preset-typescript": "^7.12.7",
-    "@babel/runtime": "^7.12.5",
+    "@babel/core": "^7.19.1",
+    "@babel/plugin-transform-runtime": "^7.19.1",
+    "@babel/preset-env": "^7.19.1",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.18.6",
+    "@babel/runtime": "^7.19.0",
     "@regulaforensics/vp-frontend-document-components": "*",
+    "@regulaforensics/vp-frontend-document-components-beta": "*",
     "@regulaforensics/vp-frontend-document-components-nightly": "*",
     "@regulaforensics/vp-frontend-document-components-rc": "*",
     "@regulaforensics/vp-frontend-face-components": "*",
+    "@regulaforensics/vp-frontend-face-components-beta": "*",
     "@regulaforensics/vp-frontend-face-components-nightly": "*",
     "@regulaforensics/vp-frontend-face-components-rc": "*",
-    "@storybook/addon-actions": "6.4.22",
-    "@storybook/addon-essentials": "6.4.22",
-    "@storybook/addon-links": "6.4.22",
-    "@storybook/builder-webpack5": "6.4.22",
-    "@storybook/react": "^6.4.22",
-    "@types/pako": "^1.0.3",
-    "@types/react": "^17.0.2",
-    "@types/react-dom": "^17.0.2",
-    "@types/uuid": "^8.3.0",
-    "@typescript-eslint/eslint-plugin": "^4.14.0",
-    "@typescript-eslint/parser": "^4.14.0",
-    "babel-loader": "^8.2.2",
-    "css-loader": "^5.0.1",
-    "dotenv-webpack": "^7.0.2",
-    "eslint": "^7.18.0",
-    "eslint-config-prettier": "^7.2.0",
-    "eslint-plugin-prettier": "^3.3.1",
-    "eslint-plugin-react": "^7.22.0",
-    "fast-xml-parser": "^3.19.0",
+    "@storybook/addon-actions": "^6.5.13",
+    "@storybook/addon-essentials": "^6.5.13",
+    "@storybook/addon-links": "^6.5.13",
+    "@storybook/builder-webpack5": "^6.5.13",
+    "@storybook/manager-webpack5": "^6.5.13",
+    "@storybook/react": "^6.5.13",
+    "@types/react": "^18.0.21",
+    "@types/react-dom": "^18.0.6",
+    "@types/uuid": "^8.3.4",
+    "@typescript-eslint/eslint-plugin": "^5.38.0",
+    "@typescript-eslint/parser": "^5.38.0",
+    "babel-loader": "^8.2.5",
+    "base64-arraybuffer": "^1.0.2",
+    "css-loader": "^6.7.1",
+    "dotenv-webpack": "^8.0.1",
+    "eslint": "^8.24.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.31.8",
+    "fast-xml-parser": "^4.0.10",
     "he": "^1.2.0",
-    "html-webpack-plugin": "^5.5.0",
-    "husky": "^4.3.8",
-    "lint-staged": "^10.5.3",
-    "prettier": "^2.2.1",
+    "husky": "^8.0.0",
+    "lint-staged": "^13.0.3",
+    "prettier": "^2.7.1",
+    "react-json-view": "^1.21.3",
+    "rimraf": "^4.1.2",
     "style-loader": "^2.0.0",
-    "terser-webpack-plugin": "^5.3.0",
-    "to-string-loader": "^1.1.6",
-    "ts-loader": "^8.0.14",
-    "typescript": "^4.1.3",
+    "terser-webpack-plugin": "^5.3.6",
+    "to-string-loader": "^1.2.0",
+    "ts-loader": "^9.4.1",
+    "typescript": "<4.8",
     "url-loader": "^4.1.1",
-    "webpack": "^5.72.0",
-    "webpack-cli": "^4.9.2",
-    "webpack-dev-server": "^4.8.1",
+    "webpack": "^5.74.0",
+    "webpack-cli": "^4.10.0",
+    "webpack-dev-server": "^4.11.1",
     "webpack-merge": "^5.8.0",
     "worker-loader": "^3.0.8"
   }

package/lib/common/InstructionIconFaceDetection.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-declare function InstructionIconFaceDetection({ size }: {
-    size?: number;
-}): JSX.Element;
-export default InstructionIconFaceDetection;

package/lib/common/InstructionIconFaceLiveness.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-declare function InstructionIconFaceLiveness({ size }: {
-    size?: number;
-}): JSX.Element;
-export default InstructionIconFaceLiveness;

package/lib/common/NoGlareIcon.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-declare function NoGlareIcon({ size }: {
-    size?: number;
-}): JSX.Element;
-export default NoGlareIcon;

package/lib/common/NoSmilingIcon.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-declare function NoSmilingIcon({ size }: {
-    size?: number;
-}): JSX.Element;
-export default NoSmilingIcon;

package/lib/components/InstructionScreen.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-declare type InstructionScreenProps = {
-    onStart: () => void;
-    icon: string;
-    title: string;
-    subtitle: string;
-};
-declare function InstructionScreen({ onStart, icon, title, subtitle }: InstructionScreenProps): JSX.Element;
-export default InstructionScreen;

package/lib/components/RetryScreen.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-declare type RetryScreenProps = {
-    errorCode: number;
-    onReset: () => void;
-};
-declare function RetryScreen({ errorCode, onReset }: RetryScreenProps): JSX.Element;
-export default RetryScreen;

package/lib/hooks/useDebounce.d.ts

@@ -1,2 +0,0 @@
-declare function useDebounce<T>(value: T, delay: number): T;
-export default useDebounce;

package/lib/hooks/useInterval.d.ts

@@ -1,3 +0,0 @@
-declare type IntervalFunction = () => unknown | void;
-declare function useInterval(callback: IntervalFunction, delay: number | null): void;
-export default useInterval;

package/lib/services/WasmFeatureDetectService.d.ts

@@ -1,4 +0,0 @@
-export declare function getWasmFeaturesArray(): Promise<Array<{
-    feature: string;
-    supported: boolean;
-}>>;

package/lib/web-components.d.ts

@@ -1,47 +0,0 @@
-import React from 'react';
-import { FaceLivenessDetailType, FaceCaptureDetailType, DocumentReaderDetailType, CameraSnapshotDetailType } from './types';
-export declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            'face-liveness': IFaceLiveness;
-            'face-capture': IFaceDetection;
-            'document-reader': IDocumentReader;
-            'camera-snapshot': ICameraSnapshot;
-            'fullscreen-container': IBaseComponent;
-        }
-    }
-    interface IBaseComponent extends React.RefAttributes<Node>, React.AllHTMLAttributes<string | number | boolean>, Pick<Element, any> {
-        locale?: string;
-        copyright?: boolean;
-        'camera-id'?: string;
-    }
-    interface IDocumentBaseComponent extends IBaseComponent {
-        'start-screen'?: boolean;
-        multiple?: boolean;
-    }
-    interface IFaceLiveness extends Omit<IBaseComponent, 'headers'> {
-        url?: string;
-        debug?: boolean;
-        mode?: number;
-        headers?: string | {
-            [key: string]: string;
-        };
-    }
-    interface IDocumentReader extends IDocumentBaseComponent {
-        'internal-scenario'?: string;
-        'multipage-processing'?: boolean;
-        license?: string;
-        url?: string;
-    }
-    interface IFaceDetection extends IBaseComponent {
-        debug?: boolean;
-    }
-    type ICameraSnapshot = IDocumentBaseComponent;
-}
-export interface ICustomEventListener<T> extends EventListener {
-    (evt: CustomEvent<T>): void;
-}
-export interface ICustomEvent<T = any> extends Event {
-    readonly detail?: T;
-}
-export type { FaceLivenessDetailType, FaceCaptureDetailType, DocumentReaderDetailType, CameraSnapshotDetailType };