@regulaforensics/vp-frontend-face-components 2.0.0 → 3.0.0

package/dist/main.js.LICENSE.txt

@@ -10,6 +10,16 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
 /**
  * @license React
  * react.production.min.js
@@ -30,6 +40,26 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+/**
+ * @license React
+ * use-sync-external-store-shim.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * use-sync-external-store-shim/with-selector.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
 /**
 @license @nocompile
 Copyright (c) 2018 The Polymer Project Authors. All rights reserved.

package/lib/index.d.ts

@@ -0,0 +1,229 @@
+type Locales =
+    | 'ru'
+    | 'en'
+    | 'de'
+    | 'pl'
+    | 'it'
+    | 'hu'
+    | 'zh'
+    | 'sk'
+    | 'uk'
+    | 'fr'
+    | 'es'
+    | 'pt'
+    | 'ar'
+    | 'nl'
+    | 'id'
+    | 'vi'
+    | 'ko'
+    | 'ms'
+    | 'ro'
+    | 'el'
+    | 'tr'
+    | 'ja'
+    | 'cs'
+    | 'th'
+    | 'hi'
+    | 'bn'
+    | 'he'
+    | 'fi'
+    | 'sv'
+    | 'da'
+    | 'hr'
+    | 'no'
+    | string;
+interface FaceTranslations {
+    showOnlyOneFace?: string;
+    preparingCamera?: string;
+    allowAccessCamera?: string;
+    somethingWentWrong?: string;
+    incorrectCameraId?: string;
+    checkCameraId?: string;
+    preparingService?: string;
+    allowAccessToCamera?: string;
+    error?: string;
+    versionNotSupported?: string;
+    updateBrowser?: string;
+    licenseError?: string;
+    licenseExpired?: string;
+    onlyPortraitOrientation?: string;
+    turnDeviceIntoPortrait?: string;
+    tryAgain?: string;
+    noCameraAvailable?: string;
+    checkCameraConnection?: string;
+    noMaskSunglassesHeaddress?: string;
+    ambientLighting?: string;
+    lookStraight?: string;
+    fitYourFace?: string;
+    moveCloser?: string;
+    moveAway?: string;
+    holdSteady?: string;
+    turnHead?: string;
+    processing?: string;
+    retryButtonText?: string;
+    followGuidelinesText?: string;
+    letsTryAgainTitle?: string;
+    noCameraPermission?: string;
+    goButton?: string;
+    centerFaceTurnHead?: string;
+    centerFace?: string;
+    selfieTime?: string;
+    errorCode?: string;
+    illumination?: string;
+    cameraLevel?: string;
+    noAccessories?: string;
+    getReady?: string;
+}
+
+type FaceDictionaries = Partial<Record<Locales, FaceTranslations>>;
+
+type ErrorTypes =
+    | 'WASM_ERROR'
+    | 'UNKNOWN_ERROR'
+    | 'NOT_SUPPORTED'
+    | 'CAMERA_UNKNOWN_ERROR'
+    | 'CAMERA_PERMISSION_DENIED'
+    | 'NO_CAMERA'
+    | 'INCORRECT_CAMERA_ID'
+    | 'CONNECTION_ERROR'
+    | 'LANDSCAPE_MODE_RESTRICTED'
+    | 'NOT_PREPARED'
+    | 'NOT_INITIALIZED'
+    | 'IN_PROCESS'
+    | 'ALREADY_PREPARED'
+    | 'ALREADY_INITIALIZED'
+    | 'TIMEOUT_ERROR'
+    | 'CHANGE_CAMERA'
+    | 'DEVICE_ROTATE'
+    | 'APP_INACTIVE';
+
+type FaceEventActions =
+    | 'ELEMENT_VISIBLE'
+    | 'PRESS_START_BUTTON'
+    | 'PRESS_RETRY_BUTTON'
+    | 'CLOSE'
+    | 'PROCESS_FINISHED'
+    | 'SERVICE_INITIALIZED'
+    | 'RETRY_COUNTER_EXCEEDED';
+
+declare enum ResponseCode {
+    EMPTY = -1,
+    ERROR = 0,
+    OK = 1,
+    TIMEOUT = 2,
+}
+
+type CustomEventDataType<R> = {
+    status: ResponseCode;
+    reason?: ErrorTypes;
+    response?: R;
+};
+
+interface DetailEvent<A, R> {
+    action: A;
+    data: CustomEventDataType<R> | null;
+}
+
+type FaceLivenessResponseType = {
+    images: Array<string>;
+    code: number;
+    metadata: Record<string, any>;
+    estimatedAge: number | null;
+    tag: string;
+    status: number;
+    transactionId: string;
+};
+
+type FaceDetectionResponseType = {
+    capture: Array<string>;
+};
+
+declare global {
+    interface HTMLElementEventMap {
+        'face-liveness': CustomEvent<FaceLivenessDetailType>;
+        'face-capture': CustomEvent<FaceCaptureDetailType>;
+    }
+}
+
+export interface IFaceDetection {
+    locale?: Locales | string;
+    copyright?: boolean;
+    'camera-id'?: string;
+    'change-camera'?: boolean;
+    'start-screen'?: boolean;
+    debug?: boolean;
+    'close-disabled'?: boolean;
+    'finish-screen'?: boolean;
+}
+
+export interface IFaceLiveness extends IFaceDetection {
+    url?: string;
+    'device-orientation'?: boolean;
+    'video-recording'?: boolean;
+}
+
+export type ComputedCss = {
+    fontFamily?: string;
+    fontSize?: string;
+    onboardingScreenStartButtonBackground?: string;
+    onboardingScreenStartButtonBackgroundHover?: string;
+    onboardingScreenStartButtonTitle?: string;
+    onboardingScreenStartButtonTitleHover?: string;
+    onboardingScreenIllumination?: string;
+    onboardingScreenAccessories?: string;
+    onboardingScreenCameraLevel?: string;
+    cameraScreenSectorTarget?: string;
+    cameraScreenSectorActive?: string;
+    cameraScreenStrokeNormal?: string;
+    retryScreenRetryButtonBackground?: string;
+    retryScreenRetryButtonBackgroundHover?: string;
+    retryScreenRetryButtonTitle?: string;
+    retryScreenRetryButtonTitleHover?: string;
+    processingScreenProgress?: string;
+    cameraScreenFrontHintLabelBackground?: string;
+    cameraScreenFrontHintLabelText?: string;
+    successScreenImage?: string;
+    retryScreenEnvironmentImage?: string;
+    retryScreenPersonImage?: string;
+};
+interface FaceDetectionSettings {
+    url?: string;
+    debug?: boolean;
+    locale?: Locales | string;
+    copyright?: boolean;
+    cameraId?: string;
+    changeCamera?: boolean;
+    closeDisabled?: boolean;
+    finishScreen?: boolean;
+    startScreen?: boolean;
+    customization?: ComputedCss;
+}
+
+interface FaceLivenessSettings extends FaceDetectionSettings {
+    url?: string;
+    deviceOrientation?: boolean;
+    videoRecording?: boolean;
+    tag?: string;
+    headers?: Record<string, string>;
+    retryCount?: number;
+}
+
+export type FaceLivenessDetailType = DetailEvent<FaceEventActions, FaceLivenessResponseType>;
+export type FaceCaptureDetailType = DetailEvent<FaceEventActions, FaceDetectionResponseType>;
+
+export class FullScreenContainer extends HTMLElement {}
+
+export class FaceDetectionWebComponent extends HTMLElement {
+    get version(): string;
+    set translations(dictionary: FaceDictionaries | null);
+    get translations(): FaceDictionaries | null;
+    get settings(): FaceDetectionSettings;
+    set settings(params: FaceDetectionSettings);
+}
+export class FaceLivenessWebComponent extends HTMLElement {
+    get version(): string;
+    set translations(dictionary: FaceDictionaries | null);
+    get translations(): FaceDictionaries | null;
+    get settings(): FaceLivenessSettings;
+    set settings(params: FaceLivenessSettings);
+}

package/package.json

@@ -1,100 +1,22 @@
 {
   "name": "@regulaforensics/vp-frontend-face-components",
-  "version": "2.0.0",
+  "version": "3.0.0",
   "description": "Regula framework agnostic web components to work with webcamera",
-  "types": "lib/types.d.ts",
+  "types": "lib/index.d.ts",
   "main": "dist/main.js",
-  "module": "esm/main.js",
   "files": [
     "dist",
-    "esm",
     "lib"
   ],
   "author": "Regula Forensics, Inc.",
   "license": "MIT",
   "homepage": "https://storybook-face.regulaforensics.com/",
   "scripts": {
-    "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",
-    "build-storybook-face-rc": "build-storybook -c .storybook-rc/face",
-    "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": "rimraf ./lib",
-    "generate-face-types": "tsc --project ./configs/face.tsconfig.json",
-    "generate-document-types": "tsc --project ./configs/document.tsconfig.json",
-    "prepare": "husky install",
-    "check-types": "tsc --noEmit"
-  },
-  "lint-staged": {
-    "*.{js,ts,tsx}": "eslint --fix"
+    "build": "webpack --config webpack-umd.js",
+    "test": "jest --testPathPattern=src/tests"
   },
   "dependencies": {
     "@regulaforensics/facesdk-webclient": "^3.1.2",
-    "@webcomponents/webcomponentsjs": "2.6.0",
-    "localize-react": "^1.7.1",
-    "react": "^18.2.0",
-    "react-device-detect": "^2.2.2",
-    "react-dom": "^18.2.0",
-    "uuid": "^9.0.0"
-  },
-  "devDependencies": {
-    "@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.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",
-    "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.6",
-    "to-string-loader": "^1.2.0",
-    "ts-loader": "^9.4.1",
-    "typescript": "<4.8",
-    "url-loader": "^4.1.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"
+    "zustand": "^4.3.7"
   }
 }

package/lib/common/BackCameraIcon.d.ts

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

package/lib/common/Button.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-declare type ButtonProps = {
-    children: React.ReactNode | string;
-    onClick: () => void;
-};
-declare function Button({ children, onClick, ...rest }: ButtonProps): JSX.Element;
-export default Button;

package/lib/common/CameraChangeIcon.d.ts

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

package/lib/common/CameraIcon.d.ts

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

package/lib/common/CheckIcon.d.ts

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

package/lib/common/CrossIcon.d.ts

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

package/lib/common/DocReaderCameraDisabled.d.ts

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

package/lib/common/DocReaderCameraPreparing.d.ts

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

package/lib/common/DocReaderFlip.d.ts

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

package/lib/common/DocReaderProcessing.d.ts

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

package/lib/common/DocReaderProcessingError.d.ts

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

package/lib/common/DocReaderProcessingFinished.d.ts

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

package/lib/common/DocReaderSearch.d.ts

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

package/lib/common/ErrorIcon.d.ts

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

package/lib/common/FromCameraIcon.d.ts

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

package/lib/common/FromGalleryIcon.d.ts

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

package/lib/common/FrontCameraIcon.d.ts

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

package/lib/common/FullscreenExitIcon.d.ts

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

package/lib/common/FullscreenIcon.d.ts

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

package/lib/common/Icon.d.ts

@@ -1,64 +0,0 @@
-/// <reference types="react" />
-import FullscreenIcon from './FullscreenIcon';
-import FullscreenExitIcon from './FullscreenExitIcon';
-import CheckIcon from './CheckIcon';
-import ErrorIcon from './ErrorIcon';
-import CrossIcon from './CrossIcon';
-import RegulaLogo from './RegulaLogo';
-import BackCameraIcon from './BackCameraIcon';
-import FrontCameraIcon from './FrontCameraIcon';
-import CameraIcon from './CameraIcon';
-import VerifiedIcon from './VerifiedIcon';
-import FromCameraIcon from './FromCameraIcon';
-import FromGalleryIcon from './FromGalleryIcon';
-import DocReaderSearch from './DocReaderSearch';
-import DocReaderProcessingFinished from './DocReaderProcessingFinished';
-import DocReaderProcessingError from './DocReaderProcessingError';
-import DocReaderProcessing from './DocReaderProcessing';
-import DocReaderFlip from './DocReaderFlip';
-import DocReaderCameraDisabled from './DocReaderCameraDisabled';
-import DocReaderCameraPreparing from './DocReaderCameraPreparing';
-import SnapshotIcon from './SnapshotIcon';
-import SquareIcon from './SquareIcon';
-import StopIcon from './StopIcon';
-import NoSmilingIconLivenessDetection from './NoSmilingIconLivenessDetection';
-import NoGlareIconLivenessDetection from './NoGlareIconLivenessDetection';
-import CameraChangeIcon from './CameraChangeIcon';
-import RegulaLogoLivenessDetection from './RegulaLogoLivenessDetection';
-import PortraitOrientationOnlyIcon from './PortraitOrientationOnlyIcon';
-declare const icons: {
-    fullscreen: typeof FullscreenIcon;
-    verified: typeof VerifiedIcon;
-    check: typeof CheckIcon;
-    error: typeof ErrorIcon;
-    cross: typeof CrossIcon;
-    snapshot: typeof SnapshotIcon;
-    square: typeof SquareIcon;
-    stop: typeof StopIcon;
-    'regula-logo': typeof RegulaLogo;
-    'regula-logo-liveness-detection': typeof RegulaLogoLivenessDetection;
-    'back-camera': typeof BackCameraIcon;
-    'front-camera': typeof FrontCameraIcon;
-    'camera-logo': typeof CameraIcon;
-    'fullscreen-exit': typeof FullscreenExitIcon;
-    'no-smiling-liveness-detection': typeof NoSmilingIconLivenessDetection;
-    'no-glare-liveness-detection': typeof NoGlareIconLivenessDetection;
-    'from-camera': typeof FromCameraIcon;
-    'from-gallery': typeof FromGalleryIcon;
-    'docreader-search': typeof DocReaderSearch;
-    'docreader-processing-finished': typeof DocReaderProcessingFinished;
-    'docreader-processing-error': typeof DocReaderProcessingError;
-    'docreader-processing': typeof DocReaderProcessing;
-    'docreader-flip': typeof DocReaderFlip;
-    'docreader-camera-disabled': typeof DocReaderCameraDisabled;
-    'docreader-camera-preparing': typeof DocReaderCameraPreparing;
-    'camera-change': typeof CameraChangeIcon;
-    'portrait-orientation-only': typeof PortraitOrientationOnlyIcon;
-};
-export declare type TIcons = keyof typeof icons;
-declare function Icon({ type, size, color }: {
-    type: TIcons;
-    size?: number;
-    color?: string;
-}): JSX.Element;
-export default Icon;

package/lib/common/Message.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-declare type MessageProps = {
-    children: string;
-    isLivenessDetection?: boolean;
-};
-declare function Message({ children, isLivenessDetection }: MessageProps): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof Message>;
-export default _default;

package/lib/common/NoGlareIconLivenessDetection.d.ts

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

package/lib/common/NoSmilingIconLivenessDetection.d.ts

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

package/lib/common/PortraitOrientationOnlyIcon.d.ts

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

package/lib/common/RegulaLogo.d.ts

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

package/lib/common/RegulaLogoLivenessDetection.d.ts

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

package/lib/common/SnapshotIcon.d.ts

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

package/lib/common/Spinner.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare function Spinner(): JSX.Element;
-export default Spinner;

package/lib/common/SquareIcon.d.ts

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

package/lib/common/StopIcon.d.ts

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