idmission-web-sdk 1.0.20 → 1.0.22

package/dist/sdk2.cjs.development.js

@@ -50,7 +50,7 @@ var tf__namespace = /*#__PURE__*/_interopNamespace(tf);
 var useResizeObserver__default = /*#__PURE__*/_interopDefaultLegacy(useResizeObserver);
 var SignatureCanvas__default = /*#__PURE__*/_interopDefaultLegacy(SignatureCanvas);
 
-var webSdkVersion = '1.0.20';
+var webSdkVersion = '1.0.22';
 
 function getPlatform() {
   return window.platform;
@@ -14262,6 +14262,7 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
     guideImageUrl = _d === void 0 ? "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Front-SVG-Landscape-2.svg") : _d,
     _e = _a.flipping,
     flipping = _e === void 0 ? false : _e;
+  var idGuideWidth = window.innerWidth > window.innerHeight ? '30%' : '75%';
   return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
     style: {
       position: 'absolute',
@@ -14283,12 +14284,12 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
     }
   }), flipping ? /*#__PURE__*/React__default['default'].createElement(IdVideoCaptureFlipIdPrompt, {
     style: {
-      width: '30%',
+      width: idGuideWidth,
       margin: '2% auto 2%'
     }
   }) : /*#__PURE__*/React__default['default'].createElement("div", {
     style: {
-      width: '30%',
+      width: idGuideWidth,
       margin: '2% auto 2%',
       display: 'flex',
       flexFlow: 'column nowrap'
@@ -14312,7 +14313,7 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
     }
   }, instructionText)), /*#__PURE__*/React__default['default'].createElement("div", {
     style: {
-      border: '4px solid white'
+      border: "4px solid ".concat(borderColor)
     }
   }, /*#__PURE__*/React__default['default'].createElement("img", {
     src: guideImageUrl,
@@ -14348,7 +14349,7 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     _h = _a.idDetectionThreshold,
     idDetectionThreshold = _h === void 0 ? 0.6 : _h,
     _j = _a.idFocusThreshold,
-    idFocusThreshold = _j === void 0 ? 0.25 : _j,
+    idFocusThreshold = _j === void 0 ? 0.15 : _j,
     _k = _a.goodFramesThreshold,
     goodFramesThreshold = _k === void 0 ? 3 : _k,
     _l = _a.verbiage,
@@ -14485,6 +14486,7 @@ var IdVideoCapture = function IdVideoCapture(_a) {
   }, /*#__PURE__*/React__default['default'].createElement(CameraVideoTag, null), /*#__PURE__*/React__default['default'].createElement(IdVideoCaptureGuides, {
     instructionText: requestedDocumentType === DocumentType.ID_CARD_FRONT ? verbiage.idFrontInstructionText : verbiage.idBackInstructionText,
     guideImageUrl: "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-").concat(requestedDocumentType === DocumentType.ID_CARD_FRONT ? 'Front' : 'Back', "-SVG-Landscape-2.svg"),
+    borderColor: goodFramesCount > 0 ? 'green' : 'white',
     flipping: flippingIdCard
   }), debugMode && detectedObjects.length > 0 && /*#__PURE__*/React__default['default'].createElement(ObjectDetectionDebugOverlay, {
     "$flipX": !((_f = cameraRef.current) === null || _f === void 0 ? void 0 : _f.isRearFacing)