idmission-web-sdk 0.0.40 → 0.0.42

package/README.md

@@ -180,6 +180,10 @@ Render a fullscreen capture component that analyzes frames from the user's front
 <table>
 <tr><td><code>guidesUnsatisfiedColor</code></td><td>Default: white</td></tr>
 <tr><td><code>guidesSatisfiedColor</code></td><td>Default: green</td></tr>
+<tr><td><code>guidanceMessagesSatisfiedBackgroundColor</code></td><td>Default: green</td></tr>
+<tr><td><code>guidanceMessagesUnsatisfiedBackgroundColor</code></td><td>Default: red</td></tr>
+<tr><td><code>guidanceMessagesSatisfiedTextColor</code></td><td>Default: black</td></tr>
+<tr><td><code>guidanceMessagesUnsatisfiedTextColor</code></td><td>Default: black</td></tr>
 </table>
 
 **Face Liveness Verbiage**
@@ -452,6 +456,10 @@ Render a fullscreen capture component that analyzes frames from the user's front
 <table>
 <tr><td><code>guidesUnsatisfiedColor</code></td><td>Default: white</td></tr>
 <tr><td><code>guidesSatisfiedColor</code></td><td>Default: green</td></tr>
+<tr><td><code>guidanceMessagesSatisfiedBackgroundColor</code></td><td>Default: green</td></tr>
+<tr><td><code>guidanceMessagesUnsatisfiedBackgroundColor</code></td><td>Default: red</td></tr>
+<tr><td><code>guidanceMessagesSatisfiedTextColor</code></td><td>Default: black</td></tr>
+<tr><td><code>guidanceMessagesUnsatisfiedTextColor</code></td><td>Default: black</td></tr>
 </table>
 
 **Customer Identification Verbiage**

package/dist/components/selfie_capture/SelfieCapture.d.ts

@@ -3,6 +3,10 @@ import { Face } from './HighPerformanceSelfieGuidanceModelsProvider';
 export type SelfieCaptureColors = {
     guidesUnsatisfiedColor?: string;
     guidesSatisfiedColor?: string;
+    guidanceMessagesSatisfiedBackgroundColor?: string;
+    guidanceMessagesUnsatisfiedBackgroundColor?: string;
+    guidanceMessagesSatisfiedTextColor?: string;
+    guidanceMessagesUnsatisfiedTextColor?: string;
 };
 export type SelfieCaptureVerbiage = {
     guidanceHoldStillText?: string;

package/dist/sdk2.cjs.development.js

@@ -10172,6 +10172,10 @@ var SelfieCapture = function SelfieCapture(_a) {
   });
   colors.guidesUnsatisfiedColor || (colors.guidesUnsatisfiedColor = 'white');
   colors.guidesSatisfiedColor || (colors.guidesSatisfiedColor = 'green');
+  colors.guidanceMessagesUnsatisfiedBackgroundColor || (colors.guidanceMessagesUnsatisfiedBackgroundColor = 'red');
+  colors.guidanceMessagesSatisfiedBackgroundColor || (colors.guidanceMessagesSatisfiedBackgroundColor = 'green');
+  colors.guidanceMessagesUnsatisfiedTextColor || (colors.guidanceMessagesUnsatisfiedTextColor = 'black');
+  colors.guidanceMessagesSatisfiedTextColor || (colors.guidanceMessagesSatisfiedTextColor = 'black');
   if (!guidanceMessage) {
     verbiage.guidanceHoldStillText || (verbiage.guidanceHoldStillText = t('Hold still for a few seconds...'));
     verbiage.guidanceLookStraightText || (verbiage.guidanceLookStraightText = t('Look straight into the camera...'));
@@ -10186,8 +10190,8 @@ var SelfieCapture = function SelfieCapture(_a) {
   }, /*#__PURE__*/React__default['default'].createElement(CameraVideoTag, null), /*#__PURE__*/React__default['default'].createElement(FaceCaptureGuideOverlay, {
     borderColor: state.faceReady ? colors.guidesSatisfiedColor : colors.guidesUnsatisfiedColor
   }), guidanceMessage !== '' && /*#__PURE__*/React__default['default'].createElement(GuidanceMessageContainer, null, /*#__PURE__*/React__default['default'].createElement(GuidanceMessage, {
-    "$background": state.faceReady ? 'green' : 'red',
-    "$textColor": "white"
+    "$background": state.faceReady ? colors.guidanceMessagesSatisfiedBackgroundColor : colors.guidanceMessagesUnsatisfiedBackgroundColor,
+    "$textColor": state.faceReady ? colors.guidanceMessagesSatisfiedTextColor : colors.guidanceMessagesUnsatisfiedTextColor
   }, guidanceMessage)), debugMode && state.faces.length > 0 && /*#__PURE__*/React__default['default'].createElement(ObjectDetectionDebugOverlay, {
     "$flipX": !((_b = cameraRef.current) === null || _b === void 0 ? void 0 : _b.isRearFacing)
   }, state.faces.map(function (face, i) {
@@ -11639,12 +11643,12 @@ var SignatureKYCSuccess = function SignatureKYCSuccess(_a) {
   retryBtnText || (retryBtnText = t('Retry'));
   doneBtnText || (doneBtnText = t('Done'));
   return /*#__PURE__*/React__default['default'].createElement(OverlayContainer, null, /*#__PURE__*/React__default['default'].createElement(OverlayInner, null, /*#__PURE__*/React__default['default'].createElement("h1", null, headingText), /*#__PURE__*/React__default['default'].createElement(OverlayImageWrapper, null, /*#__PURE__*/React__default['default'].createElement(StyledVideo, {
+    src: videoUrl,
+    poster: videoUrl + '#t=0.1',
     controls: true,
-    preload: "metadata"
-  }, /*#__PURE__*/React__default['default'].createElement("source", {
-    src: videoUrl + '#t=0.1',
-    type: "video/mp4"
-  }))), /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("button", {
+    preload: "metadata",
+    autoPlay: true
+  })), /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("button", {
     className: "ladda-button",
     "data-style": "expand-right",
     "data-color": "red",
@@ -11663,7 +11667,7 @@ var SignatureKYCSuccess = function SignatureKYCSuccess(_a) {
     className: "ladda-label"
   }, doneBtnText)))));
 };
-var StyledVideo = styled__default['default'].video(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n  margin-left: auto;\n  margin-right: auto;\n"], ["\n  margin-left: auto;\n  margin-right: auto;\n"])));
+var StyledVideo = styled__default['default'].video(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n"], ["\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n"])));
 var templateObject_1;
 
 var SignatureKYCWizard = function SignatureKYCWizard(_a) {