idmission-web-sdk 2.1.47 → 2.1.49

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.47';
+  var webSdkVersion = '2.1.49';
 
   function getPlatform() {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -16543,6 +16543,7 @@
     var _b, _c, _d, _e;
     var onDismissed = _a.onDismissed,
       onUserCancel = _a.onUserCancel,
+      onCustomOverlyDismissed = _a.onCustomOverlyDismissed,
       instructions = _a.instructions,
       _f = _a.rotateImage,
       rotateImage = _f === void 0 ? false : _f,
@@ -16553,7 +16554,8 @@
       _j = _a.colors,
       colors = _j === void 0 ? {} : _j,
       _k = _a.verbiage,
-      rawVerbiage = _k === void 0 ? {} : _k;
+      rawVerbiage = _k === void 0 ? {} : _k,
+      customOverlayContent = _a.customOverlayContent;
     var _l = React.useContext(IdCaptureModelsContext),
       modelsReady = _l.ready,
       modelDownloadProgress = _l.modelDownloadProgress;
@@ -16610,12 +16612,12 @@
       className: classNames.container
     }, /*#__PURE__*/React.createElement(OverlayInner$1, {
       className: classNames.inner
-    }, /*#__PURE__*/React.createElement(OverlayHeader$1, null, /*#__PURE__*/React.createElement(StyledGuidanceMessage$2, {
-      className: classNames.heading
-    }, verbiage.headingText)), onUserCancel && ( /*#__PURE__*/React.createElement(ExitCaptureButton, {
+    }, onUserCancel && ( /*#__PURE__*/React.createElement(ExitCaptureButton, {
       onClick: onUserCancel,
       className: classNames.cancelBtn
-    })), /*#__PURE__*/React.createElement(StyledOverlayImageContainer$2, {
+    })), customOverlayContent ? 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,
       style: {
         pointerEvents: 'none'
@@ -16628,7 +16630,7 @@
       style: imageStyle
     })) : ( /*#__PURE__*/React.createElement(IdCaptureLoadingGraphic, {
       className: classNames.image
-    }))), instructions, /*#__PURE__*/React.createElement(ContinuityCameraCheckboxContainer$1, {
+    }))))), instructions, /*#__PURE__*/React.createElement(ContinuityCameraCheckboxContainer$1, {
       className: classNames.continuityCameraCheckboxContainer
     }, iphoneContinuityCameraAvailable && ( /*#__PURE__*/React.createElement(ContinuityCameraCheckboxInner, {
       className: classNames.continuityCameraCheckboxInner
@@ -16672,6 +16674,7 @@
       onClick: function onClick() {
         setDismissed(true);
         onDismissed === null || onDismissed === void 0 ? void 0 : onDismissed();
+        onCustomOverlyDismissed === null || onCustomOverlyDismissed === void 0 ? void 0 : onCustomOverlyDismissed();
       }
     }, verbiage.continueText))))));
   };
@@ -16695,7 +16698,7 @@
   var ContinuityCameraCheckbox$1 = styled.input(templateObject_7$7 || (templateObject_7$7 = __makeTemplateObject(["\n  margin-right: 8px;\n"], ["\n  margin-right: 8px;\n"])));
   var StyledButtonsRow$a = styled(ButtonsRow$1)(templateObject_8$3 || (templateObject_8$3 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  padding: 15px 25px;\n  height: 100px;\n  color: ", ";\n  ", "\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  width: 100dvw;\n  box-sizing: border-box;\n"], ["\n  display: flex;\n  flex-direction: row;\n  padding: 15px 25px;\n  height: 100px;\n  color: ", ";\n  ", "\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  width: 100dvw;\n  box-sizing: border-box;\n"])), function (props) {
     var _a, _b, _c, _d;
-    return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarTextColor) !== null && _d !== void 0 ? _d : 'white';
+    return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarTextColor) !== null && _d !== void 0 ? _d : 'white';
   }, function (props) {
     var _a, _b, _c, _d, _e, _f;
     return ((_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarFontSize) ? "font-size: ".concat((_f = (_e = (_d = props.theme) === null || _d === void 0 ? void 0 : _d.idCapture) === null || _e === void 0 ? void 0 : _e.loadingOverlay) === null || _f === void 0 ? void 0 : _f.progressBarFontSize, ";") : '';
@@ -18767,6 +18770,8 @@
       onUserCancel = _a.onUserCancel,
       _0 = _a.loadingOverlayMode,
       loadingOverlayMode = _0 === void 0 ? 'default' : _0,
+      customOverlayContent = _a.customOverlayContent,
+      onCustomOverlyDismissed = _a.onCustomOverlyDismissed,
       precapturedDocuments = _a.precapturedDocuments,
       _1 = _a.captureRequirement,
       captureRequirement = _1 === void 0 ? 'idCardOrPassport' : _1,
@@ -19096,6 +19101,8 @@
     }), !overlayDismissed && ( /*#__PURE__*/React.createElement(IdCaptureLoadingOverlay, {
       key: "loading".concat(attempt),
       mode: loadingOverlayMode,
+      customOverlayContent: customOverlayContent,
+      onCustomOverlyDismissed: onCustomOverlyDismissed,
       instructions: instructions,
       assets: assets.loadingOverlay,
       classNames: classNames.loadingOverlay,
@@ -20843,6 +20850,7 @@
   var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDefault(_a) {
     var onDismissed = _a.onDismissed,
       onUserCancel = _a.onUserCancel,
+      onCustomOverlyDismissed = _a.onCustomOverlyDismissed,
       _b = _a.assets,
       assets = _b === void 0 ? {} : _b,
       _c = _a.classNames,
@@ -20850,7 +20858,8 @@
       _d = _a.colors,
       colors = _d === void 0 ? {} : _d,
       _e = _a.verbiage,
-      rawVerbiage = _e === void 0 ? {} : _e;
+      rawVerbiage = _e === void 0 ? {} : _e,
+      customOverlayContent = _a.customOverlayContent;
     var _f = React.useContext(CameraStateContext),
       cameraReady = _f.cameraReady,
       cameraAccessDenied = _f.cameraAccessDenied,
@@ -20907,7 +20916,7 @@
     }, onUserCancel && ( /*#__PURE__*/React.createElement(ExitCaptureButton, {
       onClick: onUserCancel,
       className: classNames.cancelBtn
-    })), /*#__PURE__*/React.createElement(OverlayHeader, {
+    })), customOverlayContent ? customOverlayContent() : ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(OverlayHeader, {
       className: classNames.headingContainer
     }, /*#__PURE__*/React.createElement(StyledGuidanceMessage, {
       className: classNames.heading
@@ -20919,7 +20928,7 @@
       src: assets.instructionImageUrl
     })) : ( /*#__PURE__*/React.createElement(SelfieCaptureLoadingGraphic, {
       className: classNames.image
-    }))), /*#__PURE__*/React.createElement(StyledButtonsRow$5, {
+    }))))), /*#__PURE__*/React.createElement(StyledButtonsRow$5, {
       className: classNames.buttonsRow
     }, /*#__PURE__*/React.createElement(ProgressContainer, {
       className: classNames.progressContainer
@@ -20948,6 +20957,7 @@
       onClick: function onClick() {
         setDismissed(true);
         onDismissed === null || onDismissed === void 0 ? void 0 : onDismissed();
+        onCustomOverlyDismissed === null || onCustomOverlyDismissed === void 0 ? void 0 : onCustomOverlyDismissed();
       }
     }, verbiage.continueText))))));
   };
@@ -21025,6 +21035,8 @@
       onUserCancel = _a.onUserCancel,
       _e = _a.loadingOverlayMode,
       loadingOverlayMode = _e === void 0 ? 'default' : _e,
+      customOverlayContent = _a.customOverlayContent,
+      onCustomOverlyDismissed = _a.onCustomOverlyDismissed,
       _f = _a.timeoutDurationMs,
       timeoutDurationMs = _f === void 0 ? 15000 : _f,
       _g = _a.maxRetries,
@@ -21222,6 +21234,8 @@
     }()), /*#__PURE__*/React.createElement(SelfieCaptureLoadingOverlay, {
       key: attempt,
       mode: loadingOverlayMode,
+      customOverlayContent: customOverlayContent,
+      onCustomOverlyDismissed: onCustomOverlyDismissed,
       assets: assets.loadingOverlay,
       classNames: classNames.loadingOverlay,
       colors: colors.loadingOverlay,
@@ -22937,8 +22951,10 @@
       onRetryClicked = _a.onRetryClicked,
       onExitCapture = _a.onExitCapture,
       onUserCancel = _a.onUserCancel,
+      onCustomOverlyDismissed = _a.onCustomOverlyDismissed,
       _c = _a.loadingOverlayMode,
       loadingOverlayMode = _c === void 0 ? 'default' : _c,
+      customOverlayContent = _a.customOverlayContent,
       _d = _a.skipSuccessScreen,
       skipSuccessScreen = _d === void 0 ? false : _d,
       _e = _a.assets,
@@ -23110,7 +23126,9 @@
       colors: colors.loadingOverlay,
       verbiage: verbiage.loadingOverlay,
       onDismissed: onLoadingOverlayDismissed,
-      onUserCancel: onUserCancel
+      onUserCancel: onUserCancel,
+      customOverlayContent: customOverlayContent,
+      onCustomOverlyDismissed: onCustomOverlyDismissed
     }));
   };
 
@@ -23137,7 +23155,6 @@
       _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, {
@@ -23161,15 +23178,6 @@
     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;
@@ -23922,6 +23930,8 @@
       skipSuccessScreen = _t === void 0 ? false : _t,
       _u = _a.idCaptureLoadingOverlayMode,
       idCaptureLoadingOverlayMode = _u === void 0 ? 'default' : _u,
+      customOverlayContent = _a.customOverlayContent,
+      onCustomOverlyDismissed = _a.onCustomOverlyDismissed,
       _v = _a.idCaptureGuideType,
       idCaptureGuideType = _v === void 0 ? 'fit' : _v,
       _w = _a.idCapturePortraitGuidesOnMobile,
@@ -24074,6 +24084,8 @@
           return /*#__PURE__*/React.createElement(IdCaptureStateProvider, null, /*#__PURE__*/React.createElement(GuideOrientationProvider, null, /*#__PURE__*/React.createElement(IdCaptureWizard, _assign({
             key: "id-capture-".concat(attempt),
             loadingOverlayMode: idCaptureLoadingOverlayMode,
+            customOverlayContent: customOverlayContent,
+            onCustomOverlyDismissed: onCustomOverlyDismissed,
             silentFallback: silentFallback
           }, idCaptureProps, {
             assets: assets.idCapture,
@@ -24094,6 +24106,8 @@
           return /*#__PURE__*/React.createElement(FaceLivenessWizard, _assign({
             key: "face-liveness-".concat(attempt),
             loadingOverlayMode: faceLivenessLoadingOverlayMode,
+            customOverlayContent: customOverlayContent,
+            onCustomOverlyDismissed: onCustomOverlyDismissed,
             silentFallback: silentFallback
           }, faceLivenessProps, {
             onComplete: onFaceCaptureSuccess,
@@ -24619,6 +24633,8 @@
       precapturedDocuments = _a.precapturedDocuments,
       _c = _a.loadingOverlayMode,
       loadingOverlayMode = _c === void 0 ? 'default' : _c,
+      customOverlayContent = _a.customOverlayContent,
+      onCustomOverlyDismissed = _a.onCustomOverlyDismissed,
       _d = _a.idCaptureRequirement,
       idCaptureRequirement = _d === void 0 ? 'idCardOrPassport' : _d,
       _e = _a.separateIdCardCaptureSequence,
@@ -24692,6 +24708,8 @@
         thresholds: idCaptureThresholds,
         skipSuccessScreen: skipSuccessScreen,
         loadingOverlayMode: loadingOverlayMode,
+        customOverlayContent: customOverlayContent,
+        onCustomOverlyDismissed: onCustomOverlyDismissed,
         forceFallbackMode: forceFallbackMode,
         allowIdCardBackToFrontCapture: allowIdCardBackToFrontCapture,
         instructions: instructions,
@@ -24707,7 +24725,7 @@
         verbiage: verbiage,
         debugMode: debugMode
       };
-    }, [onExitCapture, onUserCancel, onModelError, precapturedDocuments, idCaptureRequirement, separateIdCardCaptureSequence, idCaptureThresholds, skipSuccessScreen, loadingOverlayMode, forceFallbackMode, allowIdCardBackToFrontCapture, instructions, guideType, portraitGuidesOnMobile, rotateLoadingOverlayImageWhenPortrait, modelLoadTimeoutMs, enableOverrideWrongDocumentTypeDialog, allowOverrideWrongDocumentTypeAfterMs, assets, classNames, colors, verbiage, debugMode]);
+    }, [onExitCapture, onUserCancel, onModelError, precapturedDocuments, idCaptureRequirement, separateIdCardCaptureSequence, idCaptureThresholds, skipSuccessScreen, loadingOverlayMode, customOverlayContent, onCustomOverlyDismissed, forceFallbackMode, allowIdCardBackToFrontCapture, instructions, guideType, portraitGuidesOnMobile, rotateLoadingOverlayImageWhenPortrait, modelLoadTimeoutMs, enableOverrideWrongDocumentTypeDialog, allowOverrideWrongDocumentTypeAfterMs, assets, classNames, colors, verbiage, debugMode]);
     var additionalDocumentCaptureProps = React.useMemo(function () {
       return {
         documents: captureAdditionalDocuments,
@@ -26493,8 +26511,10 @@
       onUserCancel = _a.onUserCancel,
       onModelError = _a.onModelError,
       onCameraAccessDenied = _a.onCameraAccessDenied,
+      onCustomOverlyDismissed = _a.onCustomOverlyDismissed,
       _c = _a.loadingOverlayMode,
       loadingOverlayMode = _c === void 0 ? 'default' : _c,
+      customOverlayContent = _a.customOverlayContent,
       _d = _a.skipSuccessScreen,
       skipSuccessScreen = _d === void 0 ? false : _d,
       idCardForFaceMatch = _a.idCardForFaceMatch,
@@ -26539,6 +26559,8 @@
       onCameraAccessDenied: onCameraAccessDenied,
       videoSignatureCaptureProps: React.useMemo(function () {
         return {
+          customOverlayContent: customOverlayContent,
+          onCustomOverlyDismissed: onCustomOverlyDismissed,
           loadingOverlayMode: loadingOverlayMode,
           skipSuccessScreen: skipSuccessScreen,
           modelLoadTimeoutMs: modelLoadTimeoutMs,
@@ -26549,7 +26571,7 @@
           onModelError: onModelError,
           onUserCancel: onUserCancel
         };
-      }, [classNames, colors, debugMode, loadingOverlayMode, modelLoadTimeoutMs, onModelError, onUserCancel, skipSuccessScreen, verbiage])
+      }, [customOverlayContent, onCustomOverlyDismissed, classNames, colors, debugMode, loadingOverlayMode, modelLoadTimeoutMs, onModelError, onUserCancel, skipSuccessScreen, verbiage])
     }))));
   };
 
@@ -26613,6 +26635,8 @@
       skipShowIdCardBack = _j === void 0 ? false : _j,
       _k = _a.idCaptureLoadingOverlayMode,
       idCaptureLoadingOverlayMode = _k === void 0 ? 'default' : _k,
+      customOverlayContent = _a.customOverlayContent,
+      onCustomOverlyDismissed = _a.onCustomOverlyDismissed,
       _l = _a.idCaptureGuideType,
       idCaptureGuideType = _l === void 0 ? 'fit' : _l,
       _m = _a.idCapturePortraitGuidesOnMobile,
@@ -26670,6 +26694,8 @@
         skipIdCapture: skipIdCapture,
         skipShowIdCardBack: skipShowIdCardBack,
         idCaptureLoadingOverlayMode: idCaptureLoadingOverlayMode,
+        customOverlayContent: customOverlayContent,
+        onCustomOverlyDismissed: onCustomOverlyDismissed,
         idCaptureGuideType: idCaptureGuideType,
         idCapturePortraitGuidesOnMobile: idCapturePortraitGuidesOnMobile,
         idCaptureRotateLoadingOverlayImageWhenPortrait: idCaptureRotateLoadingOverlayImageWhenPortrait,
@@ -26684,7 +26710,7 @@
         verbiage: verbiage,
         debugMode: debugMode
       };
-    }, [idCaptureProps, faceLivenessProps, idCaptureModelsEnabled, videoIdCaptureThresholds, readTextPrompt, readTextTimeoutDurationMs, readTextMinReadingMs, onExitCapture, onExitAfterFailure, onUserCancel, skipSuccessScreen, skipIdCapture, skipShowIdCardBack, idCaptureLoadingOverlayMode, idCaptureGuideType, idCapturePortraitGuidesOnMobile, idCaptureRotateLoadingOverlayImageWhenPortrait, faceLivenessLoadingOverlayMode, disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, silentFallback, mergeAVStreams, assets, classNames, colors, verbiage, debugMode]);
+    }, [idCaptureProps, faceLivenessProps, idCaptureModelsEnabled, videoIdCaptureThresholds, readTextPrompt, readTextTimeoutDurationMs, readTextMinReadingMs, onExitCapture, onExitAfterFailure, onUserCancel, skipSuccessScreen, skipIdCapture, skipShowIdCardBack, idCaptureLoadingOverlayMode, customOverlayContent, onCustomOverlyDismissed, idCaptureGuideType, idCapturePortraitGuidesOnMobile, idCaptureRotateLoadingOverlayImageWhenPortrait, faceLivenessLoadingOverlayMode, disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, silentFallback, mergeAVStreams, assets, classNames, colors, verbiage, debugMode]);
     var additionalDocumentCaptureProps = React.useMemo(function () {
       return {
         documents: captureAdditionalDocuments,