@regulaforensics/vp-frontend-face-components 8.3.2223-nightly → 8.3.2225-rc

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/README.md +77 -76
  2. package/dist/index.d.ts +4 -11
  3. package/dist/main.iife.js +10 -12
  4. package/dist/main.js +853 -908
  5. package/package.json +1 -1
package/README.md CHANGED
@@ -39,7 +39,7 @@ Important notes:
39
39
  ## Compatibility
40
40
 
41
41
  | Devices | ![Chrome](https://raw.githubusercontent.com/alrra/browser-logos/main/src/chrome/chrome_48x48.png) | ![FireFox](https://raw.githubusercontent.com/alrra/browser-logos/main/src/firefox/firefox_48x48.png) | ![Safari](https://raw.githubusercontent.com/alrra/browser-logos/main/src/safari/safari_48x48.png) |
42
- | :------------------- | :-----------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------: |
42
+ |:---------------------|:-------------------------------------------------------------------------------------------------:|:----------------------------------------------------------------------------------------------------:|:-------------------------------------------------------------------------------------------------:|
43
43
  | **Mobile (iOS)** | 99 (iOS14.4+) | 99 (iOS14.4+) | 11 |
44
44
  | **Mobile (Android)** | 69 | 63 | - |
45
45
  | **Desktop** | 66 | 69 | 11 |
@@ -60,7 +60,6 @@ Run the following command:
60
60
  ```
61
61
  npm init
62
62
  ```
63
-
64
63
  Answer the questions in the command line questionnaire.
65
64
 
66
65
  Install `@regulaforensics/vp-frontend-face-components`:
@@ -87,14 +86,14 @@ For example:
87
86
  ```html
88
87
  <!DOCTYPE html>
89
88
  <html>
90
- <head>
91
- <meta charset="utf-8" />
92
- <title>My app</title>
93
- </head>
94
- <body>
95
- <face-capture></face-capture>
96
- <script type="module" src="index.js"></script>
97
- </body>
89
+ <head>
90
+ <meta charset="utf-8" />
91
+ <title>My app</title>
92
+ </head>
93
+ <body>
94
+ <face-capture></face-capture>
95
+ <script type="module" src="index.js"></script>
96
+ </body>
98
97
  </html>
99
98
  ```
100
99
 
@@ -120,7 +119,7 @@ Note that `settings` must be applied **after** the component has been added to t
120
119
 
121
120
  An example of using all the settings:
122
121
 
123
- ```javascript
122
+ ````javascript
124
123
  const component = document.getElementsByTagName('face-liveness')[0];
125
124
 
126
125
  component.settings = {
@@ -133,7 +132,7 @@ component.settings = {
133
132
  finishScreen: true,
134
133
  url: 'https://your-server.com',
135
134
  headers: {
136
- Authorization: 'Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ==',
135
+ Authorization: 'Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ=='
137
136
  },
138
137
  tag: 'sessionIdValue',
139
138
  tenant: 'ABCDEF',
@@ -165,35 +164,37 @@ component.settings = {
165
164
  retryScreenEnvironmentImage: 'https://path-to-image.com',
166
165
  retryScreenPersonImage: 'data:image/svg+xml;base64,PHN2...',
167
166
  successScreenImage: importedImage,
168
- },
169
- };
170
- ```
167
+ }
168
+ }
169
+
170
+ ````
171
171
 
172
172
  An example of using just the selected settings:
173
173
 
174
- ```javascript
174
+ ````javascript
175
175
  const yourSettings = {
176
176
  locale: 'de',
177
177
  videoRecording: false,
178
178
  url: 'https://your-server.com',
179
179
  headers: {
180
- Authorization: 'Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ==',
180
+ Authorization: 'Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ=='
181
181
  },
182
182
  customization: {
183
183
  fontFamily: 'Noto Sans, sans-serif',
184
184
  successScreenImage: importedImage,
185
- },
186
- };
185
+ }
186
+ }
187
187
 
188
188
  const component = document.getElementsByTagName('face-liveness')[0];
189
189
 
190
190
  component.settings = yourSettings;
191
- ```
191
+
192
+ ````
192
193
 
193
194
  Here are all the available settings:
194
195
 
195
196
  | Setting | Info | Data type | Default value | Values | Used in |
196
- | :------------------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :-------: | :------------------------------------: | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | ------------------------------- |
197
+ |:--------------------|:-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|:---------:|:--------------------------------------:|:----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------:|---------------------------------|
197
198
  | `locale` | Language of the component. The value is determined based on the following priority:<br><br>1. `locale` component attribute takes the highest priority if explicitly set.<br>2. If `locale` is not set, the system checks the `html.lang` attribute.<br>3. If no `html.lang` attribute is available, the system attempts to determine the language from `window.navigator`.<br>4. If none of the above are available, the default value `en` is used. | `string` | `en` | `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`, `uz` | `face-liveness`, `face-capture` |
198
199
  | `url` | Backend URL. | `string` | `https://faceapi.regulaforensics.com/` | any url | `face-liveness` |
199
200
  | `copyright` | Whether to show the Regula copyright footer. | `boolean` | `true` | `true`, `false` | `face-liveness`, `face-capture` |
@@ -206,7 +207,7 @@ Here are all the available settings:
206
207
  | `tag` | The server generates a unique identifier for each session before starting a verification process. Using `tag`, you can set a custom value. Make sure that `tag` is unique for each session. | `string` | `undefined` | any unique for each session | `face-liveness` |
207
208
  | `retryCount` | Using the `retryCount` setter, you can set the number of liveness transaction attempts for the user. Once the attempts are exhausted, the component will display a white screen and throw the "RETRY_COUNTER_EXCEEDED" event. By default, the number of attempts is unlimited. Setting the value to **0** removes the limit on the number of attempts, while any positive number limits the attempts. | `number` | `undefined` | number of the attempts count | `face-liveness` |
208
209
  | `headers` | Before starting the camera capture, the component sends a `start` request to the server and receives the initialization data in response. Once the component successfully completes two stages of verification, it sends the received data to the API for processing. You can use the `headers` setter to set the headers for the HTTP POST method. Additionally, the video recording is transmitted to the server along with these `headers`. | `object` | `undefined` | object with headers (key, value). | `face-liveness` |
209
- | `customization` | You can customize the element's color, font, and image by using this object. See the [Customization](#customization) section below. | `object` | `undefined` | object with customization settings | `face-liveness`, `face-capture` |
210
+ | `customization` | You can customize the element's color, font, and image by using this object. See the [Customization](#customization) section below. | `object` | `undefined` | object with customization settings | `face-liveness`, `face-capture` |
210
211
  | `nonce` | You can set a unique nonce value to maintain the CSP policy. | `string` | `undefined` | unique nonce value | `face-liveness`, `face-capture` |
211
212
  | `rotationAngle` | Desktop only. By using the `rotationAngle` setter, you can specify an angle to compensate for the rotation of your physical camera. When set to values of `90` and `-90`, the component's design will switch to a mobile (vertical) orientation. | `number` | `undefined` | `0`,`180`,`90`,`-90` | `face-liveness`, `face-capture` |
212
213
  | `holdStillDuration` | For the Capture screen, sets the duration that the user needs to stand straight and look in the camera. | `number` | `undefined` | seconds | `face-capture` |
@@ -217,12 +218,13 @@ Here are all the available settings:
217
218
  | `env` | A label used to differentiate transactions by development stages. | `string` | `undefined` | env | `face-liveness` |
218
219
  | `captureButton` | Whether to enable user-triggered capture. Shows the **Capture** button, desktop layout height increases accordingly. When enabled, the shot is taken only on user action. | `boolean` | `false` | `true`, `false` | `face-liveness`, `face-capture` |
219
220
 
221
+
220
222
  ## Customization
221
223
 
222
224
  You can customize the color of some elements, fonts, and images with the help of the `customization` field in the `settings` object. The customization settings are the following:
223
225
 
224
226
  | Setting | Info | Migrate from | Data type | Default value |
225
- | :------------------------------------------- | :---------------------------------------------------------------------- | ----------------------- | :-----------------------------: | :---------------------: |
227
+ |:---------------------------------------------|:------------------------------------------------------------------------|-------------------------|:-------------------------------:|:-----------------------:|
226
228
  | `fontFamily` | Font. | `--font-family` | string | `Noto Sans, sans-serif` |
227
229
  | `fontSize` | Base font size. | `--font-size` | string | `16px` |
228
230
  | `onboardingScreenStartButtonBackground` | Instruction screen button background color. | `--main-color` | string | `#7E57C5` |
@@ -246,16 +248,13 @@ You can customize the color of some elements, fonts, and images with the help of
246
248
  | `retryScreenRetryButtonTitle` | Retry screen button text color. | | string | `#FFFFFF` |
247
249
  | `retryScreenRetryButtonTitleHover` | Retry screen button text hover color. | | string | `#FFFFFF` |
248
250
  | `successScreenImage` | Success screen image. | | base64 or url or imported image | `` |
249
- | `faceQualityScreenMainImage` | Face quality screen main image. | | base64 or url or imported image | `` |
250
- | `faceQualityScreenCleanCameraImage` | Face quality screen "Clean camera lens" icon image. | | base64 or url or imported image | `` |
251
- | `faceQualityScreenIlluminationImage` | Face quality screen "Illumination" icon image. | | base64 or url or imported image | `` |
252
- | `faceQualityScreenAccessoriesImage` | Face quality screen "No accessories" icon image. | | base64 or url or imported image | `` |
253
- | `faceQualityScreenChangeBackgroundImage` | Face quality screen "Change background" icon image. | | base64 or url or imported image | `` |
251
+
252
+
254
253
 
255
254
  For example:
256
255
 
257
256
  ```javascript
258
- const component = document.getElementsByTagName('face-liveness')[0];
257
+ const component = document.getElementsByTagName('face-liveness')[0];
259
258
 
260
259
  component.settings = {
261
260
  ...otherSettings,
@@ -265,8 +264,9 @@ component.settings = {
265
264
  onboardingScreenStartButtonBackground: '#7E57C5',
266
265
  onboardingScreenStartButtonBackgroundHover: '#7c45b4',
267
266
  retryScreenPersonImage: 'data:image/svg+xml;base64,PHN2...',
268
- },
269
- };
267
+ }
268
+ }
269
+
270
270
  ```
271
271
 
272
272
  ### CSS Parts
@@ -385,10 +385,10 @@ For more details about `::part()` CSS pseudo-elements, see the <a href="https://
385
385
 
386
386
  ## Package Resources
387
387
 
388
- For proper operation, Face SDK Web Components require several package files:
388
+ For proper operation, Face SDK Web Components require several package files:
389
389
 
390
- - WASM (`Liveness.wasm`, `Liveness.data`)
391
- - worker (`Liveness.worker.js`)
390
+ * WASM (`Liveness.wasm`, `Liveness.data`)
391
+ * worker (`Liveness.worker.js`)
392
392
 
393
393
  By default, these files are downloaded from Regula servers, but you can set your own sources. To do this, perform the following steps:
394
394
 
@@ -402,7 +402,7 @@ const workerPath = component.settings.workerPath;
402
402
  **2.** Upload all files (`Liveness.worker.js`, `Liveness.wasm`, `Liveness.data`) to your own location.
403
403
 
404
404
  !!! warning
405
- The files must be located in the same directory and have the same names as called before.
405
+ The files must be located in the same directory and have the same names as called before.
406
406
 
407
407
  **3.** Update the `workerPath` setting to your custom host directory where all three files are located:
408
408
 
@@ -413,6 +413,7 @@ component.settings.workerPath = 'https://<CUSTOM_PATH_TO_WASM_AND_WORKER_FILES_P
413
413
 
414
414
  To decrease file size, on your server you can apply the desired <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Encoding" target="_blank">compression method</a>.
415
415
 
416
+
416
417
  ## Events
417
418
 
418
419
  You can subscribe to the component events.
@@ -420,7 +421,7 @@ You can subscribe to the component events.
420
421
  For example:
421
422
 
422
423
  ```javascript
423
- const faceLivenessComponent = document.getElementsByTagName('face-liveness')[0];
424
+ const faceLivenessComponent = document.getElementsByTagName('face-liveness')[0];
424
425
  const faceCaptureComponent = document.getElementsByTagName('face-capture')[0];
425
426
 
426
427
  faceLivenessComponent.addEventListener('face-liveness', (event) => console.log(event.detail)); // event listener for face-liveness component
@@ -441,16 +442,16 @@ The generated event object (`event.detail`) contains three fields that describe
441
442
 
442
443
  ### Type of actions
443
444
 
444
- | Type of action | Description of the action | The component |
445
- | :----------------------- | :-------------------------------------------------------------------------------------- | :------------------------------ |
446
- | `ELEMENT_VISIBLE` | The component is appended in the DOM. | `face-liveness`, `face-capture` |
447
- | `PRESS_START_BUTTON` | The "Get started" button is pressed. | `face-liveness`, `face-capture` |
448
- | `PRESS_RETRY_BUTTON` | The "Retry" button is pressed. | `face-liveness`, `face-capture` |
449
- | `CLOSE` | The "Close" button is pressed. | `face-liveness`, `face-capture` |
445
+ | Type of action | Description of the action | The component |
446
+ |:-------------------------|:---------------------------------------------------------------------------------------|:-------------------------------|
447
+ | `ELEMENT_VISIBLE` | The component is appended in the DOM. | `face-liveness`, `face-capture` |
448
+ | `PRESS_START_BUTTON` | The "Get started" button is pressed. | `face-liveness`, `face-capture` |
449
+ | `PRESS_RETRY_BUTTON` | The "Retry" button is pressed. | `face-liveness`, `face-capture` |
450
+ | `CLOSE` | The "Close" button is pressed. | `face-liveness`, `face-capture` |
450
451
  | `PROCESSING_REQUEST` | The component is sending data to the backend. | `face-liveness` |
451
- | `PROCESS_FINISHED` | The component has finished its work. | `face-liveness`, `face-capture` |
452
- | `SERVICE_INITIALIZED` | The component has started its work. | `face-liveness`, `face-capture` |
453
- | `RETRY_COUNTER_EXCEEDED` | The component has finished its work due to the exceeded number of transaction attempts. | `face-liveness` |
452
+ | `PROCESS_FINISHED` | The component has finished its work. | `face-liveness`, `face-capture` |
453
+ | `SERVICE_INITIALIZED` | The component has started its work. | `face-liveness`, `face-capture` |
454
+ | `RETRY_COUNTER_EXCEEDED` | The component has finished its work due to the exceeded number of transaction attempts. | `face-liveness` |
454
455
 
455
456
  In cases of successful operation of the components, the `data` field will contain the following fields:
456
457
 
@@ -473,7 +474,7 @@ In cases of unsuccessful work, the `data` field will contain the following field
473
474
  ### Table of event causes
474
475
 
475
476
  | Reason | Description of the reason |
476
- | :-------------------------- | :------------------------------------------------------------------------------------------------------ |
477
+ |:----------------------------|:--------------------------------------------------------------------------------------------------------|
477
478
  | `WASM_ERROR` | Error in WASM. |
478
479
  | `UNKNOWN_ERROR` | Unknown error. |
479
480
  | `NOT_SUPPORTED` | The browser is not supported. |
@@ -490,7 +491,7 @@ In cases of unsuccessful work, the `data` field will contain the following field
490
491
  | `INCORRECT_CAMERA_ID` | No camera with the specified ID found. |
491
492
  | `WEBSERVICE_NOT_COMPATIBLE` | The web service and component versions are incompatible. |
492
493
  | `HTTP_NOT_SUPPORTED` | The web component does not work over the HTTP protocol, use HTTPS instead. |
493
- | `CANCELLED` | The user has clicked the Close button. |
494
+ | `CANCELLED` | The user has clicked the Close button. |
494
495
 
495
496
  ### Cases of event generation
496
497
 
@@ -513,7 +514,7 @@ In cases of unsuccessful work, the `data` field will contain the following field
513
514
 
514
515
  ```javascript
515
516
  {
516
- action: "ELEMENT_VISIBLE",
517
+ action: "ELEMENT_VISIBLE",
517
518
  data: null
518
519
  }
519
520
  ```
@@ -526,7 +527,7 @@ For example:
526
527
 
527
528
  ```html
528
529
  <div id="add-event-listener-to-this-element">
529
- <face-liveness></face-liveness>
530
+ <face-liveness></face-liveness>
530
531
  </div>
531
532
  ```
532
533
 
@@ -542,7 +543,7 @@ For example:
542
543
 
543
544
  ```javascript
544
545
  {
545
- action: "PRESS_START_BUTTON",
546
+ action: "PRESS_START_BUTTON",
546
547
  data: null
547
548
  }
548
549
  ```
@@ -560,7 +561,7 @@ For example:
560
561
 
561
562
  ```javascript
562
563
  {
563
- action: "PRESS_RETRY_BUTTON",
564
+ action: "PRESS_RETRY_BUTTON",
564
565
  data: null
565
566
  }
566
567
  ```
@@ -578,7 +579,7 @@ For example:
578
579
 
579
580
  ```javascript
580
581
  {
581
- action: "CLOSE",
582
+ action: "CLOSE",
582
583
  data: {
583
584
  reason: "CANCELLED",
584
585
  status: 0
@@ -599,7 +600,7 @@ For example:
599
600
 
600
601
  ```javascript
601
602
  {
602
- action: "CLOSE",
603
+ action: "CLOSE",
603
604
  data: {
604
605
  reason: "CANCELLED",
605
606
  status: 0
@@ -620,7 +621,7 @@ For example:
620
621
 
621
622
  ```javascript
622
623
  {
623
- action: "CLOSE",
624
+ action: "CLOSE",
624
625
  data: {
625
626
  reason: "CANCELLED",
626
627
  transactionId: xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
@@ -642,7 +643,7 @@ For example:
642
643
 
643
644
  ```javascript
644
645
  {
645
- action: "PROCESS_FINISHED",
646
+ action: "PROCESS_FINISHED",
646
647
  data: {
647
648
  response: { ... },
648
649
  status: 1
@@ -663,7 +664,7 @@ For example:
663
664
 
664
665
  ```javascript
665
666
  {
666
- action: "PROCESS_FINISHED",
667
+ action: "PROCESS_FINISHED",
667
668
  data: {
668
669
  reason: "An event has occurred",
669
670
  status: 0
@@ -684,7 +685,7 @@ For example:
684
685
 
685
686
  ```javascript
686
687
  {
687
- action: "PROCESS_FINISHED",
688
+ action: "PROCESS_FINISHED",
688
689
  data: {
689
690
  reason: "An event has occurred",
690
691
  status: 0
@@ -705,7 +706,7 @@ For example:
705
706
 
706
707
  ```javascript
707
708
  {
708
- action: "PROCESS_FINISHED",
709
+ action: "PROCESS_FINISHED",
709
710
  data: {
710
711
  reason: "An event has occurred",
711
712
  transactionId: xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
@@ -727,7 +728,7 @@ For example:
727
728
 
728
729
  ```javascript
729
730
  {
730
- action: "PROCESS_FINISHED",
731
+ action: "PROCESS_FINISHED",
731
732
  data: {
732
733
  reason: "TIMEOUT_ERROR",
733
734
  status: 0
@@ -748,7 +749,7 @@ For example:
748
749
 
749
750
  ```javascript
750
751
  {
751
- action: "PROCESS_FINISHED",
752
+ action: "PROCESS_FINISHED",
752
753
  data: {
753
754
  reason: "TIMEOUT_ERROR",
754
755
  transactionId: xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
@@ -829,19 +830,19 @@ The `face-liveness` response has the following structure:
829
830
  [key: string]: any
830
831
  };
831
832
  tag: string
832
- status: number // liveness status: 0 if the person's liveness is confirmed, 1 if not.
833
+ status: number // liveness status: 0 if the person's liveness is confirmed, 1 if not.
833
834
  estimatedAge: number | null // approximate age with an accuracy of +/-3 years
834
835
  transactionId: string
835
836
  type: number // liveness type: 0 - active, 1 - passive
836
- images: string[] // array with the final image in base64
837
+ images: string[] // array with the final image in base64
837
838
  }
838
- ```
839
+ ````
839
840
 
840
841
  The `face-capture` response has the following structure:
841
842
 
842
843
  ```javascript
843
844
  {
844
- capture: string[] // array with the final image in base64
845
+ capture: string[] // array with the final image in base64
845
846
  }
846
847
  ```
847
848
 
@@ -855,20 +856,20 @@ To change the standard component messages or any text, specify the language you
855
856
  const element = document.querySelector('face-liveness');
856
857
 
857
858
  element.settings = {
858
- locale: 'en',
859
+ locale: 'en'
859
860
  };
860
861
 
861
862
  element.translations = {
862
- en: {
863
- selfieTime: 'Get Selfie',
864
- },
863
+ en: {
864
+ selfieTime: 'Get Selfie',
865
+ },
865
866
  };
866
867
  ```
867
868
 
868
869
  The list of labels used in the component:
869
870
 
870
- | Label | Default message in `en` locale |
871
- | :---------------------------- | :-------------------------------------------------------------------------------------------------- | ------------------------------- |
871
+ | Label | Default message in `en` locale |
872
+ |:------------------------------|:----------------------------------------------------------------------------------------------------|
872
873
  | **showOnlyOneFace** | Make sure there is only one face on the screen. | `face-liveness`, `face-capture` |
873
874
  | **preparingCamera** | Preparing the camera... | `face-liveness`, `face-capture` |
874
875
  | **allowAccessCamera** | Allow access to the camera | `face-liveness`, `face-capture` |
@@ -900,12 +901,12 @@ The list of labels used in the component:
900
901
  | **noCameraPermission** | Camera unavailable! | `face-liveness`, `face-capture` |
901
902
  | **goButton** | Go | `face-liveness`, `face-capture` |
902
903
  | **selfieTime** | Selfie time! | `face-liveness`, `face-capture` |
903
- | **ambientLighting** | Ambient lighting is not too bright or too dark and there are no shadows or glare on your face | `face-liveness` |
904
- | **noMaskSunglassesHeaddress** | Neutral facial expression (no smiling, eyes open and mouth closed), no mask, sunglasses or headwear | `face-liveness` |
905
- | **turnHead** | Turn your head a bit | `face-liveness` |
906
- | **centerFaceTurnHead** | Center your face, turn your head | `face-liveness` |
907
- | **centerFace** | Center your face | `face-capture` |
908
- | **errorCode** | Error code: | `face-liveness` |
904
+ | **ambientLighting** | Ambient lighting is not too bright or too dark and there are no shadows or glare on your face | `face-liveness` |
905
+ | **noMaskSunglassesHeaddress** | Neutral facial expression (no smiling, eyes open and mouth closed), no mask, sunglasses or headwear | `face-liveness` |
906
+ | **turnHead** | Turn your head a bit | `face-liveness` |
907
+ | **centerFaceTurnHead** | Center your face, turn your head | `face-liveness` |
908
+ | **centerFace** | Center your face | `face-capture` |
909
+ | **errorCode** | Error code: | `face-liveness` |
909
910
  | **illumination** | Good illumination. | `face-liveness`, `face-capture` |
910
911
  | **cameraLevel** | Camera at eye level. | `face-liveness`, `face-capture` |
911
912
  | **noAccessories** | No accessories: glasses, mask, hat, etc. | `face-liveness`, `face-capture` |
package/dist/index.d.ts CHANGED
@@ -22,11 +22,9 @@ export declare type ComputedCss = {
22
22
  successScreenImage?: string;
23
23
  retryScreenEnvironmentImage?: string;
24
24
  retryScreenPersonImage?: string;
25
- faceQualityScreenMainImage?: string;
26
- faceQualityScreenCleanCameraImage?: string;
27
- faceQualityScreenIlluminationImage?: string;
28
- faceQualityScreenAccessoriesImage?: string;
29
- faceQualityScreenChangeBackgroundImage?: string;
25
+ retryScreenFaceQualityImage?: string;
26
+ retryScreenCleanCamera?: string;
27
+ retryScreenChangeBackground?: string;
30
28
  tooMuchTurn?: string;
31
29
  };
32
30
 
@@ -66,7 +64,6 @@ export declare const ErrorTypes: {
66
64
  readonly HTTP_NOT_SUPPORTED: "HTTP_NOT_SUPPORTED";
67
65
  readonly WEBSERVICE_NOT_COMPATIBLE: "WEBSERVICE_NOT_COMPATIBLE";
68
66
  readonly CANCELLED: "CANCELLED";
69
- readonly BAD_FACE_QUALITY: "BAD_FACE_QUALITY";
70
67
  };
71
68
 
72
69
  export declare type ErrorTypes = (typeof ErrorTypes)[keyof typeof ErrorTypes];
@@ -217,11 +214,7 @@ export declare interface IFaceLiveness extends IFaceDetection {
217
214
 
218
215
  declare type Labels = 'showOnlyOneFace' | 'preparingCamera' | 'allowAccessCamera' | 'somethingWentWrong' | 'incorrectCameraId' | 'checkCameraId' | 'preparingService' | 'allowAccessToCamera' | 'error' | 'versionNotSupported' | 'updateBrowser' | 'licenseError' | 'licenseExpired' | 'onlyPortraitOrientation' | 'turnDeviceIntoPortrait' | 'tryAgain' | 'noCameraAvailable' | 'checkCameraConnection' | 'noMaskSunglassesHeaddress' | 'ambientLighting' | 'lookStraight' | 'fitYourFace' | 'moveCloser' | 'moveAway' | 'holdSteady' | 'takeAPhoto' | 'turnHead' | 'removeOcclusion' | 'turnHeadUp' | 'turnHeadDown' | 'turnHeadLeft' | 'turnHeadRight' | 'blinkYourEyes' | 'processing' | 'retryButtonText' | 'followGuidelinesText' | 'letsTryAgainTitle' | 'noCameraPermission' | 'goButton' | 'centerFaceTurnHead' | 'centerFace' | 'selfieTime' | 'errorCode' | 'illumination' | 'cameraLevel' | 'noAccessories' | 'getReady' | 'httpNotSupported' | 'webServerNotCompatible' | 'processCompleted' | 'notSufficientQuality' | 'cleanCameraLens' | 'addMoreLight' | 'wipeOutOcclusions' | 'changeBackground' | 'tooMuchTurn';
219
216
 
220
- declare type LanguageCodes = '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' | 'uz' | 'ku' | 'tg';
221
-
222
- declare type Languages = LocalCodes | LanguageCodes;
223
-
224
- declare type LocalCodes = 'ru-RU' | 'en-US' | 'de-DE' | 'pl-PL' | 'it-IT' | 'hu-HU' | 'zh-Hans' | 'sk-SK' | 'uk-UA' | 'fr-FR' | 'es-ES' | 'pt-PT' | 'ar-AE' | 'nl-NL' | 'id-ID' | 'vi-VN' | 'ko-KR' | 'ms-MY' | 'ro-RO' | 'el-GR' | 'tr-TR' | 'ja-JP' | 'cs-CZ' | 'th-TH' | 'hi-IN' | 'bn-BD' | 'he-IL' | 'fi-FI' | 'sv-SE' | 'da-DK' | 'hr-HR' | 'no-NO' | 'uz-Latn' | 'ku-Arab' | 'tg-TJ';
217
+ declare type Languages = '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' | 'uz' | 'ku' | 'tg';
225
218
 
226
219
  export declare type Locales = Languages | string;
227
220