idmission-web-sdk 1.0.20 → 1.0.21

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/dist/sdk2.esm.js CHANGED
@@ -14,7 +14,7 @@ import useResizeObserver from 'use-resize-observer';
14
14
  import { FaceDetector, FilesetResolver } from '@mediapipe/tasks-vision';
15
15
  import SignatureCanvas from 'react-signature-canvas';
16
16
 
17
- var webSdkVersion = '1.0.20';
17
+ var webSdkVersion = '1.0.21';
18
18
 
19
19
  function getPlatform() {
20
20
  return window.platform;
@@ -14226,6 +14226,7 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
14226
14226
  guideImageUrl = _d === void 0 ? "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Front-SVG-Landscape-2.svg") : _d,
14227
14227
  _e = _a.flipping,
14228
14228
  flipping = _e === void 0 ? false : _e;
14229
+ var idGuideWidth = window.innerWidth > window.innerHeight ? '30%' : '75%';
14229
14230
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
14230
14231
  style: {
14231
14232
  position: 'absolute',
@@ -14247,12 +14248,12 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
14247
14248
  }
14248
14249
  }), flipping ? /*#__PURE__*/React__default.createElement(IdVideoCaptureFlipIdPrompt, {
14249
14250
  style: {
14250
- width: '30%',
14251
+ width: idGuideWidth,
14251
14252
  margin: '2% auto 2%'
14252
14253
  }
14253
14254
  }) : /*#__PURE__*/React__default.createElement("div", {
14254
14255
  style: {
14255
- width: '30%',
14256
+ width: idGuideWidth,
14256
14257
  margin: '2% auto 2%',
14257
14258
  display: 'flex',
14258
14259
  flexFlow: 'column nowrap'
@@ -14276,7 +14277,7 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
14276
14277
  }
14277
14278
  }, instructionText)), /*#__PURE__*/React__default.createElement("div", {
14278
14279
  style: {
14279
- border: '4px solid white'
14280
+ border: "4px solid ".concat(borderColor)
14280
14281
  }
14281
14282
  }, /*#__PURE__*/React__default.createElement("img", {
14282
14283
  src: guideImageUrl,
@@ -14449,6 +14450,7 @@ var IdVideoCapture = function IdVideoCapture(_a) {
14449
14450
  }, /*#__PURE__*/React__default.createElement(CameraVideoTag, null), /*#__PURE__*/React__default.createElement(IdVideoCaptureGuides, {
14450
14451
  instructionText: requestedDocumentType === DocumentType.ID_CARD_FRONT ? verbiage.idFrontInstructionText : verbiage.idBackInstructionText,
14451
14452
  guideImageUrl: "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-").concat(requestedDocumentType === DocumentType.ID_CARD_FRONT ? 'Front' : 'Back', "-SVG-Landscape-2.svg"),
14453
+ borderColor: goodFramesCount > 0 ? 'green' : 'white',
14452
14454
  flipping: flippingIdCard
14453
14455
  }), debugMode && detectedObjects.length > 0 && /*#__PURE__*/React__default.createElement(ObjectDetectionDebugOverlay, {
14454
14456
  "$flipX": !((_f = cameraRef.current) === null || _f === void 0 ? void 0 : _f.isRearFacing)