idmission-web-sdk 2.1.78 → 2.1.80

package/dist/sdk2.umd.development.js

@@ -215,7 +215,7 @@
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
   };
 
-  var webSdkVersion = '2.1.78';
+  var webSdkVersion = '2.1.80';
 
   function getPlatform() {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -16752,7 +16752,7 @@
     }, onUserCancel && ( /*#__PURE__*/React.createElement(ExitCaptureButton, {
       onClick: onUserCancel,
       className: classNames.cancelBtn
-    })), customOverlayContent ? customOverlayContent() : ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(OverlayHeader$1, null, /*#__PURE__*/React.createElement(StyledGuidanceMessage$2, {
+    })), customOverlayContent || ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(OverlayHeader$1, null, /*#__PURE__*/React.createElement(StyledGuidanceMessage$2, {
       className: classNames.heading
     }, verbiage.headingText)), /*#__PURE__*/React.createElement(StyledOverlayImageContainer$2, {
       className: classNames.imageContainer,
@@ -21119,7 +21119,7 @@
     }, onUserCancel && ( /*#__PURE__*/React.createElement(ExitCaptureButton, {
       onClick: onUserCancel,
       className: classNames.cancelBtn
-    })), customOverlayContent ? customOverlayContent() : ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(OverlayHeader, {
+    })), customOverlayContent || ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(OverlayHeader, {
       className: classNames.headingContainer
     }, /*#__PURE__*/React.createElement(StyledGuidanceMessage, {
       className: classNames.heading
@@ -23303,26 +23303,26 @@
   };
 
   var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
-    var _y = _a.requestedAction,
-      requestedAction = _y === void 0 ? 'SHOW_ID_FRONT' : _y,
-      _z = _a.satisfied,
-      satisfied = _z === void 0 ? false : _z,
-      _0 = _a.faceGuideStatus,
-      faceGuideStatus = _0 === void 0 ? 'success' : _0,
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
+    var _0 = _a.requestedAction,
+      requestedAction = _0 === void 0 ? 'SHOW_ID_FRONT' : _0,
+      _1 = _a.satisfied,
+      satisfied = _1 === void 0 ? false : _1,
+      _2 = _a.faceGuideStatus,
+      faceGuideStatus = _2 === void 0 ? 'success' : _2,
       faceGuideBorderWidth = _a.faceGuideBorderWidth,
       faceGuideBorderColor = _a.faceGuideBorderColor,
-      _1 = _a.idCardGuideStatus,
-      idCardGuideStatus = _1 === void 0 ? 'ready' : _1,
+      _3 = _a.idCardGuideStatus,
+      idCardGuideStatus = _3 === void 0 ? 'ready' : _3,
       idCardGuideBorderWidth = _a.idCardGuideBorderWidth,
       idCardGuideBorderColor = _a.idCardGuideBorderColor,
       idCardCaptureProgress = _a.idCardCaptureProgress,
-      _2 = _a.idCardCaptureGuideImages,
-      userSuppliedImages = _2 === void 0 ? defaultIdCaptureGuideImages : _2,
-      _3 = _a.classNames,
-      classNames = _3 === void 0 ? {} : _3,
-      _4 = _a.verbiage,
-      rawVerbiage = _4 === void 0 ? {} : _4;
+      _4 = _a.idCardCaptureGuideImages,
+      userSuppliedImages = _4 === void 0 ? defaultIdCaptureGuideImages : _4,
+      _5 = _a.classNames,
+      classNames = _5 === void 0 ? {} : _5,
+      _6 = _a.verbiage,
+      rawVerbiage = _6 === void 0 ? {} : _6;
     var cameraRef = React.useContext(CameraStateContext).cameraRef;
     var verbiage = useTranslations(rawVerbiage, {
       idFrontInstructionText: 'Display the front of your ID card...',
@@ -23336,17 +23336,17 @@
     if (faceGuideBorderColor === undefined) faceGuideBorderColor = (_j = satisfied ? (_f = (_e = theme.idVideoCapture) === null || _e === void 0 ? void 0 : _e.faceGuides) === null || _f === void 0 ? void 0 : _f.satisfiedColor : (_h = (_g = theme.idVideoCapture) === null || _g === void 0 ? void 0 : _g.faceGuides) === null || _h === void 0 ? void 0 : _h.unsatisfiedColor) !== null && _j !== void 0 ? _j : '#D6DCE7';
     if (idCardGuideBorderWidth === undefined) idCardGuideBorderWidth = (_m = (_l = (_k = theme.idVideoCapture) === null || _k === void 0 ? void 0 : _k.idCardGuides) === null || _l === void 0 ? void 0 : _l.borderWidth) !== null && _m !== void 0 ? _m : 20;
     if (idCardGuideBorderColor === undefined) idCardGuideBorderColor = (_s = satisfied ? (_p = (_o = theme.idVideoCapture) === null || _o === void 0 ? void 0 : _o.idCardGuides) === null || _p === void 0 ? void 0 : _p.satisfiedColor : (_r = (_q = theme.idVideoCapture) === null || _q === void 0 ? void 0 : _q.idCardGuides) === null || _r === void 0 ? void 0 : _r.unsatisfiedColor) !== null && _s !== void 0 ? _s : '#D6DCE7';
-    var _5 = useResizeObserver(),
-      idCardGuideRef = _5.ref,
-      _6 = _5.width,
-      idCardGuideWidth = _6 === void 0 ? 0 : _6,
-      _7 = _5.height,
-      idCardGuideHeight = _7 === void 0 ? 0 : _7;
+    var _7 = useResizeObserver(),
+      idCardGuideRef = _7.ref,
+      _8 = _7.width,
+      idCardGuideWidth = _8 === void 0 ? 0 : _8,
+      _9 = _7.height,
+      idCardGuideHeight = _9 === void 0 ? 0 : _9;
     var idCaptureGuideImages = useGuideImages(userSuppliedImages);
     var idCaptureGuideImagesByUrl = useGuideImagesByUrl(idCaptureGuideImages);
-    var _8 = React.useState(undefined),
-      aspectRatio = _8[0],
-      setAspectRatio = _8[1];
+    var _10 = React.useState(undefined),
+      aspectRatio = _10[0],
+      setAspectRatio = _10[1];
     var onImageLoaded = React.useCallback(function (e) {
       var _a, _b, _c, _d;
       var img = e.currentTarget;
@@ -23363,6 +23363,7 @@
         aspectRatio: aspectRatio
       };
     }, [idCardGuideWidth, idCardGuideHeight, aspectRatio]);
+    var disableIdGuides = ((_u = (_t = theme.idVideoCapture) === null || _t === void 0 ? void 0 : _t.idCardGuides) === null || _u === void 0 ? void 0 : _u.disableDuringLivenessCheck) && requestedAction === 'VERIFY_LIVENESS';
     return /*#__PURE__*/React.createElement(Container, {
       className: classNames.container
     }, /*#__PURE__*/React.createElement(Inner, null, /*#__PURE__*/React.createElement(FaceGuideContainer, {
@@ -23373,7 +23374,7 @@
       borderWidth: faceGuideBorderWidth,
       borderColor: faceGuideBorderColor,
       verticalAlign: "bottom"
-    })), /*#__PURE__*/React.createElement(IdCardGuideContainer, {
+    })), !disableIdGuides && ( /*#__PURE__*/React.createElement(IdCardGuideContainer, {
       className: classNames.idCardGuideContainer,
       ref: idCardGuideRef
     }, /*#__PURE__*/React.createElement(IdCardGuideInner, {
@@ -23392,7 +23393,7 @@
     }, /*#__PURE__*/React.createElement(IdCardGuideImage, {
       alt: "",
       className: classNames.idCardGuideImage,
-      "$isMirrored": !((_t = cameraRef.current) === null || _t === void 0 ? void 0 : _t.isRearFacing),
+      "$isMirrored": !((_v = cameraRef.current) === null || _v === void 0 ? void 0 : _v.isRearFacing),
       style: idCardImageStyle,
       src: requestedAction === 'SHOW_ID_BACK' ? idCaptureGuideImages.landscape.SHOW_ID_BACK.url : idCaptureGuideImages.landscape.SHOW_ID_FRONT.url,
       onLoad: onImageLoaded
@@ -23406,15 +23407,15 @@
       className: classNames.idCardGuideInstructionsContainer
     }, /*#__PURE__*/React.createElement(IdCardGuideInstructions, {
       className: classNames.idCardGuideInstructions,
-      "$textColor": (_v = (_u = theme.idVideoCapture) === null || _u === void 0 ? void 0 : _u.idCardGuides) === null || _v === void 0 ? void 0 : _v.instructionsTextColor,
-      "$background": (_x = (_w = theme.idVideoCapture) === null || _w === void 0 ? void 0 : _w.idCardGuides) === null || _x === void 0 ? void 0 : _x.instructionsBackgroundColor
-    }, instructionText)))));
+      "$textColor": (_x = (_w = theme.idVideoCapture) === null || _w === void 0 ? void 0 : _w.idCardGuides) === null || _x === void 0 ? void 0 : _x.instructionsTextColor,
+      "$background": (_z = (_y = theme.idVideoCapture) === null || _y === void 0 ? void 0 : _y.idCardGuides) === null || _z === void 0 ? void 0 : _z.instructionsBackgroundColor
+    }, instructionText))))));
   };
   var Container = styled.div(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n  display: flex;\n  max-height: 100%;\n  position: absolute;\n  z-index: 1000;\n  width: 100dvw;\n  height: 100dvh;\n  font-family: ", ";\n  box-sizing: border-box;\n  overflow: hidden;\n  padding: 40px;\n"], ["\n  display: flex;\n  max-height: 100%;\n  position: absolute;\n  z-index: 1000;\n  width: 100dvw;\n  height: 100dvh;\n  font-family: ", ";\n  box-sizing: border-box;\n  overflow: hidden;\n  padding: 40px;\n"])), function (props) {
     var _a;
     return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
   });
-  var Inner = styled.div(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  max-height: 1280px;\n  display: flex;\n  margin: auto;\n  align-items: center;\n  flex-direction: column;\n"], ["\n  width: 100%;\n  height: 100%;\n  max-height: 1280px;\n  display: flex;\n  margin: auto;\n  align-items: center;\n  flex-direction: column;\n"])));
+  var Inner = styled.div(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  max-height: 1280px;\n  display: flex;\n  margin: auto;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n"], ["\n  width: 100%;\n  height: 100%;\n  max-height: 1280px;\n  display: flex;\n  margin: auto;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n"])));
   var FaceGuideContainer = styled.div(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n  position: relative;\n  height: 65%;\n"], ["\n  position: relative;\n  height: 65%;\n"])));
   var IdCardGuideContainer = styled.div(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column nowrap;\n  margin: 0 auto;\n  position: relative;\n  max-width: 100%;\n  height: 35%;\n"], ["\n  display: flex;\n  flex-flow: column nowrap;\n  margin: 0 auto;\n  position: relative;\n  max-width: 100%;\n  height: 35%;\n"])));
   var IdCardGuideInner = styled.div(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n  position: relative;\n  height: 100%;\n"], ["\n  position: relative;\n  height: 100%;\n"])));
@@ -24738,6 +24739,9 @@
       backgroundPosition: '0 0, 10px 10px'
     },
     idVideoCapture: {
+      idCardGuides: {
+        disableDuringLivenessCheck: false
+      },
       readTextPrompt: {
         heading: {
           backgroundColor: 'rgba(255, 255, 255, 0.5)',