idmission-web-sdk 2.1.46 → 2.1.48

package/dist/sdk2.cjs.development.js

@@ -234,7 +234,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var webSdkVersion = '2.1.46';
+var webSdkVersion = '2.1.48';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -2779,8 +2779,10 @@ function useLoadFocusModel(_a) {
               return [4 /*yield*/, waitForVideoReady(videoRef)];
             case 1:
               _a.sent();
-              loadedModel.classifyForVideo(videoRef.current, performance.now());
-              setReady(true);
+              setTimeout(function () {
+                loadedModel.classifyForVideo(videoRef.current, performance.now());
+                setReady(true);
+              }, 500);
               return [2 /*return*/];
           }
         });
@@ -5463,8 +5465,10 @@ function useLoadDocumentDetector(_a) {
               return [4 /*yield*/, waitForVideoReady(videoRef)];
             case 1:
               _a.sent();
-              model.detectForVideo(videoRef.current, performance.now());
-              setReady(true);
+              setTimeout(function () {
+                model.detectForVideo(videoRef.current, performance.now());
+                setReady(true);
+              }, 500);
               return [2 /*return*/];
           }
         });
@@ -10246,7 +10250,7 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
     colors: colors,
     verbiage: idCaptureVerbiage,
     isBackToFront: state.allowIdCardBackToFrontCapture && 'idCardBack' in state.capturedDocuments
-  }), !((_d = (_c = theme.idCapture) === null || _c === void 0 ? void 0 : _c.capturePreview) === null || _d === void 0 ? void 0 : _d.disabled) && state.captureState === 'requestingFlip' && !separateIdCardCaptureSequence && state.imageUrl && ( /*#__PURE__*/React__namespace.default.createElement(IdCaptureImagePreview, {
+  }), debugMode && !((_d = (_c = theme.idCapture) === null || _c === void 0 ? void 0 : _c.capturePreview) === null || _d === void 0 ? void 0 : _d.disabled) && state.captureState === 'requestingFlip' && !separateIdCardCaptureSequence && state.imageUrl && ( /*#__PURE__*/React__namespace.default.createElement(IdCaptureImagePreview, {
     classNames: (_e = classNames.capture) === null || _e === void 0 ? void 0 : _e.imagePreview,
     text: (_f = idCaptureVerbiages === null || idCaptureVerbiages === void 0 ? void 0 : idCaptureVerbiages.idCardFront) === null || _f === void 0 ? void 0 : _f.processingIdCardText,
     imageUrl: state.imageUrl
@@ -11766,7 +11770,7 @@ var FaceLivenessCapture = function FaceLivenessCapture(_a) {
     colors: colors,
     verbiage: verbiage,
     debugMode: debugMode
-  }), !disableCapturePreview && imageUrl && ( /*#__PURE__*/React__namespace.default.createElement(SelfieProgressPreview, {
+  }), debugMode && !disableCapturePreview && imageUrl && ( /*#__PURE__*/React__namespace.default.createElement(SelfieProgressPreview, {
     classNames: classNames.imagePreview,
     imageUrl: imageUrl,
     text: (_e = verbiage.progressPreviewText) !== null && _e !== void 0 ? _e : ''
@@ -13531,7 +13535,6 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
     _5 = _a.verbiage,
     rawVerbiage = _5 === void 0 ? {} : _5;
   var cameraRef = React.useContext(CameraStateContext).cameraRef;
-  // const imageRef = useRef<HTMLImageElement | null>(null)
   assets.frontImageUrl || (assets.frontImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Front-SVG-Landscape-Borderless.svg"));
   assets.backImageUrl || (assets.backImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Back-SVG-Landscape-Borderless.svg"));
   var verbiage = useTranslations(rawVerbiage, {
@@ -13555,15 +13558,6 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
   var _9 = React.useState(undefined),
     aspectRatio = _9[0],
     setAspectRatio = _9[1];
-  // const imageRef = (img: HTMLImageElement) => {
-  //   if (!img) return
-  //   if (typeof aspectRatio === 'number' && aspectRatio > 0) return
-  //   setAspectRatio(
-  //     (img.naturalHeight ?? 0) > 0
-  //       ? img.naturalWidth / img.naturalHeight
-  //       : undefined,
-  //   )
-  // }
   function onImageLoaded(e) {
     var _a;
     var img = e.currentTarget;
@@ -13632,7 +13626,7 @@ var Inner = styled__default.default.div(templateObject_2$7 || (templateObject_2$
 var FaceGuideContainer = styled__default.default.div(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n  position: relative;\n  height: 70%;\n"], ["\n  position: relative;\n  height: 70%;\n"])));
 var IdCardGuideContainer = styled__default.default.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: 30%;\n"], ["\n  display: flex;\n  flex-flow: column nowrap;\n  margin: 0 auto;\n  position: relative;\n  max-width: 100%;\n  height: 30%;\n"])));
 var IdCardGuideInner = styled__default.default.div(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n  position: relative;\n  height: 100%;\n"], ["\n  position: relative;\n  height: 100%;\n"])));
-var IdCardGuideInstructionsContainer = styled__default.default.div(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n  width: calc(100% - 80px);\n  text-align: center;\n  color: white;\n  display: flex;\n  flex-direction: column;\n  justify-content: end;\n  padding: 0 40px;\n  position: fixed;\n  bottom: 14px;\n  left: 0;\n  right: 0;\n"], ["\n  width: calc(100% - 80px);\n  text-align: center;\n  color: white;\n  display: flex;\n  flex-direction: column;\n  justify-content: end;\n  padding: 0 40px;\n  position: fixed;\n  bottom: 14px;\n  left: 0;\n  right: 0;\n"])));
+var IdCardGuideInstructionsContainer = styled__default.default.div(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n  width: 100%;\n  text-align: center;\n  color: white;\n  display: flex;\n  flex-direction: column;\n  justify-content: end;\n  padding: 0 40px;\n  position: fixed;\n  bottom: 14px;\n  left: 0;\n  right: 0;\n  box-sizing: border-box;\n"], ["\n  width: 100%;\n  text-align: center;\n  color: white;\n  display: flex;\n  flex-direction: column;\n  justify-content: end;\n  padding: 0 40px;\n  position: fixed;\n  bottom: 14px;\n  left: 0;\n  right: 0;\n  box-sizing: border-box;\n"])));
 var IdCardGuideInstructions = styled__default.default(GuidanceMessage)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  align-content: center;\n  margin: 12px auto;\n  padding: 8px 12px;\n  font-weight: bold;\n  font-size: 18px;\n"], ["\n  align-content: center;\n  margin: 12px auto;\n  padding: 8px 12px;\n  font-weight: bold;\n  font-size: 18px;\n"])));
 var templateObject_1$7, templateObject_2$7, templateObject_3$7, templateObject_4$2, templateObject_5$1, templateObject_6$1, templateObject_7;
 
@@ -15938,7 +15932,7 @@ var CustomerVerificationCapture = function CustomerVerificationCapture(_a) {
     colors: colors,
     verbiage: verbiage,
     debugMode: debugMode
-  }), !((_c = (_b = theme.selfieCapture) === null || _b === void 0 ? void 0 : _b.capturePreview) === null || _c === void 0 ? void 0 : _c.disabled) && imageUrl && ( /*#__PURE__*/React__namespace.default.createElement(SelfieProgressPreview, {
+  }), debugMode && !((_c = (_b = theme.selfieCapture) === null || _b === void 0 ? void 0 : _b.capturePreview) === null || _c === void 0 ? void 0 : _c.disabled) && imageUrl && ( /*#__PURE__*/React__namespace.default.createElement(SelfieProgressPreview, {
     imageUrl: imageUrl,
     text: progressPreviewText,
     classNames: classNames.imagePreview
@@ -16496,7 +16490,7 @@ var CustomerIdentificationCapture = function CustomerIdentificationCapture(_a) {
     colors: colors,
     verbiage: verbiage,
     debugMode: debugMode
-  }), !((_c = (_b = theme.selfieCapture) === null || _b === void 0 ? void 0 : _b.capturePreview) === null || _c === void 0 ? void 0 : _c.disabled) && imageUrl && ( /*#__PURE__*/React__namespace.default.createElement(SelfieProgressPreview, {
+  }), debugMode && !((_c = (_b = theme.selfieCapture) === null || _b === void 0 ? void 0 : _b.capturePreview) === null || _c === void 0 ? void 0 : _c.disabled) && imageUrl && ( /*#__PURE__*/React__namespace.default.createElement(SelfieProgressPreview, {
     text: progressPreviewText,
     imageUrl: imageUrl,
     classNames: classNames.imagePreview