idmission-web-sdk 2.1.78 → 2.1.80

package/dist/sdk2.esm.js

@@ -204,7 +204,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   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
@@ -7888,7 +7888,7 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
   }, onUserCancel && ( /*#__PURE__*/React__default.createElement(ExitCaptureButton, {
     onClick: onUserCancel,
     className: classNames.cancelBtn
-  })), customOverlayContent ? customOverlayContent() : ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(OverlayHeader$1, null, /*#__PURE__*/React__default.createElement(StyledGuidanceMessage$2, {
+  })), customOverlayContent || ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(OverlayHeader$1, null, /*#__PURE__*/React__default.createElement(StyledGuidanceMessage$2, {
     className: classNames.heading
   }, verbiage.headingText)), /*#__PURE__*/React__default.createElement(StyledOverlayImageContainer$2, {
     className: classNames.imageContainer,
@@ -12255,7 +12255,7 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
   }, onUserCancel && ( /*#__PURE__*/React__default.createElement(ExitCaptureButton, {
     onClick: onUserCancel,
     className: classNames.cancelBtn
-  })), customOverlayContent ? customOverlayContent() : ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(OverlayHeader, {
+  })), customOverlayContent || ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(OverlayHeader, {
     className: classNames.headingContainer
   }, /*#__PURE__*/React__default.createElement(StyledGuidanceMessage, {
     className: classNames.heading
@@ -13671,26 +13671,26 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
 };
 
 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 = useContext(CameraStateContext).cameraRef;
   var verbiage = useTranslations(rawVerbiage, {
     idFrontInstructionText: 'Display the front of your ID card...',
@@ -13704,17 +13704,17 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
   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 = useState(undefined),
-    aspectRatio = _8[0],
-    setAspectRatio = _8[1];
+  var _10 = useState(undefined),
+    aspectRatio = _10[0],
+    setAspectRatio = _10[1];
   var onImageLoaded = useCallback(function (e) {
     var _a, _b, _c, _d;
     var img = e.currentTarget;
@@ -13731,6 +13731,7 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
       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__default.createElement(Container, {
     className: classNames.container
   }, /*#__PURE__*/React__default.createElement(Inner, null, /*#__PURE__*/React__default.createElement(FaceGuideContainer, {
@@ -13741,7 +13742,7 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
     borderWidth: faceGuideBorderWidth,
     borderColor: faceGuideBorderColor,
     verticalAlign: "bottom"
-  })), /*#__PURE__*/React__default.createElement(IdCardGuideContainer, {
+  })), !disableIdGuides && ( /*#__PURE__*/React__default.createElement(IdCardGuideContainer, {
     className: classNames.idCardGuideContainer,
     ref: idCardGuideRef
   }, /*#__PURE__*/React__default.createElement(IdCardGuideInner, {
@@ -13760,7 +13761,7 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
   }, /*#__PURE__*/React__default.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
@@ -13774,15 +13775,15 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
     className: classNames.idCardGuideInstructionsContainer
   }, /*#__PURE__*/React__default.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"])));
@@ -15106,6 +15107,9 @@ var defaultTheme = {
     backgroundPosition: '0 0, 10px 10px'
   },
   idVideoCapture: {
+    idCardGuides: {
+      disableDuringLivenessCheck: false
+    },
     readTextPrompt: {
       heading: {
         backgroundColor: 'rgba(255, 255, 255, 0.5)',