idmission-web-sdk 0.0.41 → 0.0.42

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.
package/README.md CHANGED
@@ -180,6 +180,10 @@ Render a fullscreen capture component that analyzes frames from the user's front
180
180
  <table>
181
181
  <tr><td><code>guidesUnsatisfiedColor</code></td><td>Default: white</td></tr>
182
182
  <tr><td><code>guidesSatisfiedColor</code></td><td>Default: green</td></tr>
183
+ <tr><td><code>guidanceMessagesSatisfiedBackgroundColor</code></td><td>Default: green</td></tr>
184
+ <tr><td><code>guidanceMessagesUnsatisfiedBackgroundColor</code></td><td>Default: red</td></tr>
185
+ <tr><td><code>guidanceMessagesSatisfiedTextColor</code></td><td>Default: black</td></tr>
186
+ <tr><td><code>guidanceMessagesUnsatisfiedTextColor</code></td><td>Default: black</td></tr>
183
187
  </table>
184
188
 
185
189
  **Face Liveness Verbiage**
@@ -452,6 +456,10 @@ Render a fullscreen capture component that analyzes frames from the user's front
452
456
  <table>
453
457
  <tr><td><code>guidesUnsatisfiedColor</code></td><td>Default: white</td></tr>
454
458
  <tr><td><code>guidesSatisfiedColor</code></td><td>Default: green</td></tr>
459
+ <tr><td><code>guidanceMessagesSatisfiedBackgroundColor</code></td><td>Default: green</td></tr>
460
+ <tr><td><code>guidanceMessagesUnsatisfiedBackgroundColor</code></td><td>Default: red</td></tr>
461
+ <tr><td><code>guidanceMessagesSatisfiedTextColor</code></td><td>Default: black</td></tr>
462
+ <tr><td><code>guidanceMessagesUnsatisfiedTextColor</code></td><td>Default: black</td></tr>
455
463
  </table>
456
464
 
457
465
  **Customer Identification Verbiage**
@@ -3,6 +3,10 @@ import { Face } from './HighPerformanceSelfieGuidanceModelsProvider';
3
3
  export type SelfieCaptureColors = {
4
4
  guidesUnsatisfiedColor?: string;
5
5
  guidesSatisfiedColor?: string;
6
+ guidanceMessagesSatisfiedBackgroundColor?: string;
7
+ guidanceMessagesUnsatisfiedBackgroundColor?: string;
8
+ guidanceMessagesSatisfiedTextColor?: string;
9
+ guidanceMessagesUnsatisfiedTextColor?: string;
6
10
  };
7
11
  export type SelfieCaptureVerbiage = {
8
12
  guidanceHoldStillText?: string;
@@ -10172,6 +10172,10 @@ var SelfieCapture = function SelfieCapture(_a) {
10172
10172
  });
10173
10173
  colors.guidesUnsatisfiedColor || (colors.guidesUnsatisfiedColor = 'white');
10174
10174
  colors.guidesSatisfiedColor || (colors.guidesSatisfiedColor = 'green');
10175
+ colors.guidanceMessagesUnsatisfiedBackgroundColor || (colors.guidanceMessagesUnsatisfiedBackgroundColor = 'red');
10176
+ colors.guidanceMessagesSatisfiedBackgroundColor || (colors.guidanceMessagesSatisfiedBackgroundColor = 'green');
10177
+ colors.guidanceMessagesUnsatisfiedTextColor || (colors.guidanceMessagesUnsatisfiedTextColor = 'black');
10178
+ colors.guidanceMessagesSatisfiedTextColor || (colors.guidanceMessagesSatisfiedTextColor = 'black');
10175
10179
  if (!guidanceMessage) {
10176
10180
  verbiage.guidanceHoldStillText || (verbiage.guidanceHoldStillText = t('Hold still for a few seconds...'));
10177
10181
  verbiage.guidanceLookStraightText || (verbiage.guidanceLookStraightText = t('Look straight into the camera...'));
@@ -10186,8 +10190,8 @@ var SelfieCapture = function SelfieCapture(_a) {
10186
10190
  }, /*#__PURE__*/React__default['default'].createElement(CameraVideoTag, null), /*#__PURE__*/React__default['default'].createElement(FaceCaptureGuideOverlay, {
10187
10191
  borderColor: state.faceReady ? colors.guidesSatisfiedColor : colors.guidesUnsatisfiedColor
10188
10192
  }), guidanceMessage !== '' && /*#__PURE__*/React__default['default'].createElement(GuidanceMessageContainer, null, /*#__PURE__*/React__default['default'].createElement(GuidanceMessage, {
10189
- "$background": state.faceReady ? 'green' : 'red',
10190
- "$textColor": "white"
10193
+ "$background": state.faceReady ? colors.guidanceMessagesSatisfiedBackgroundColor : colors.guidanceMessagesUnsatisfiedBackgroundColor,
10194
+ "$textColor": state.faceReady ? colors.guidanceMessagesSatisfiedTextColor : colors.guidanceMessagesUnsatisfiedTextColor
10191
10195
  }, guidanceMessage)), debugMode && state.faces.length > 0 && /*#__PURE__*/React__default['default'].createElement(ObjectDetectionDebugOverlay, {
10192
10196
  "$flipX": !((_b = cameraRef.current) === null || _b === void 0 ? void 0 : _b.isRearFacing)
10193
10197
  }, state.faces.map(function (face, i) {