idmission-web-sdk 2.1.47 → 2.1.49

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.47';
+var webSdkVersion = '2.1.49';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -7679,6 +7679,7 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
   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,
@@ -7689,7 +7690,8 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
     _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 = useContext(IdCaptureModelsContext),
     modelsReady = _l.ready,
     modelDownloadProgress = _l.modelDownloadProgress;
@@ -7746,12 +7748,12 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
     className: classNames.container
   }, /*#__PURE__*/React__default.createElement(OverlayInner$1, {
     className: classNames.inner
-  }, /*#__PURE__*/React__default.createElement(OverlayHeader$1, null, /*#__PURE__*/React__default.createElement(StyledGuidanceMessage$2, {
-    className: classNames.heading
-  }, verbiage.headingText)), onUserCancel && ( /*#__PURE__*/React__default.createElement(ExitCaptureButton, {
+  }, onUserCancel && ( /*#__PURE__*/React__default.createElement(ExitCaptureButton, {
     onClick: onUserCancel,
     className: classNames.cancelBtn
-  })), /*#__PURE__*/React__default.createElement(StyledOverlayImageContainer$2, {
+  })), customOverlayContent ? 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,
     style: {
       pointerEvents: 'none'
@@ -7764,7 +7766,7 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
     style: imageStyle
   })) : ( /*#__PURE__*/React__default.createElement(IdCaptureLoadingGraphic, {
     className: classNames.image
-  }))), instructions, /*#__PURE__*/React__default.createElement(ContinuityCameraCheckboxContainer$1, {
+  }))))), instructions, /*#__PURE__*/React__default.createElement(ContinuityCameraCheckboxContainer$1, {
     className: classNames.continuityCameraCheckboxContainer
   }, iphoneContinuityCameraAvailable && ( /*#__PURE__*/React__default.createElement(ContinuityCameraCheckboxInner, {
     className: classNames.continuityCameraCheckboxInner
@@ -7808,6 +7810,7 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
     onClick: function onClick() {
       setDismissed(true);
       onDismissed === null || onDismissed === void 0 ? void 0 : onDismissed();
+      onCustomOverlyDismissed === null || onCustomOverlyDismissed === void 0 ? void 0 : onCustomOverlyDismissed();
     }
   }, verbiage.continueText))))));
 };
@@ -7831,7 +7834,7 @@ var ContinuityCameraCheckboxInner = styled(GuidanceMessage)(templateObject_6$9 |
 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, ";") : '';
@@ -9903,6 +9906,8 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
     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,
@@ -10232,6 +10237,8 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
   }), !overlayDismissed && ( /*#__PURE__*/React__default.createElement(IdCaptureLoadingOverlay, {
     key: "loading".concat(attempt),
     mode: loadingOverlayMode,
+    customOverlayContent: customOverlayContent,
+    onCustomOverlyDismissed: onCustomOverlyDismissed,
     instructions: instructions,
     assets: assets.loadingOverlay,
     classNames: classNames.loadingOverlay,
@@ -11979,6 +11986,7 @@ var legacyInstructionImageUrl = "".concat(DEFAULT_CDN_URL, "/Selfie-Image-1.png"
 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,
@@ -11986,7 +11994,8 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
     _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 = useContext(CameraStateContext),
     cameraReady = _f.cameraReady,
     cameraAccessDenied = _f.cameraAccessDenied,
@@ -12043,7 +12052,7 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
   }, onUserCancel && ( /*#__PURE__*/React__default.createElement(ExitCaptureButton, {
     onClick: onUserCancel,
     className: classNames.cancelBtn
-  })), /*#__PURE__*/React__default.createElement(OverlayHeader, {
+  })), customOverlayContent ? 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
@@ -12055,7 +12064,7 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
     src: assets.instructionImageUrl
   })) : ( /*#__PURE__*/React__default.createElement(SelfieCaptureLoadingGraphic, {
     className: classNames.image
-  }))), /*#__PURE__*/React__default.createElement(StyledButtonsRow$5, {
+  }))))), /*#__PURE__*/React__default.createElement(StyledButtonsRow$5, {
     className: classNames.buttonsRow
   }, /*#__PURE__*/React__default.createElement(ProgressContainer, {
     className: classNames.progressContainer
@@ -12084,6 +12093,7 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
     onClick: function onClick() {
       setDismissed(true);
       onDismissed === null || onDismissed === void 0 ? void 0 : onDismissed();
+      onCustomOverlyDismissed === null || onCustomOverlyDismissed === void 0 ? void 0 : onCustomOverlyDismissed();
     }
   }, verbiage.continueText))))));
 };
@@ -12161,6 +12171,8 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
     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,
@@ -12358,6 +12370,8 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
   }()), /*#__PURE__*/React__default.createElement(SelfieCaptureLoadingOverlay, {
     key: attempt,
     mode: loadingOverlayMode,
+    customOverlayContent: customOverlayContent,
+    onCustomOverlyDismissed: onCustomOverlyDismissed,
     assets: assets.loadingOverlay,
     classNames: classNames.loadingOverlay,
     colors: colors.loadingOverlay,
@@ -13305,8 +13319,10 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
     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,
@@ -13478,7 +13494,9 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
     colors: colors.loadingOverlay,
     verbiage: verbiage.loadingOverlay,
     onDismissed: onLoadingOverlayDismissed,
-    onUserCancel: onUserCancel
+    onUserCancel: onUserCancel,
+    customOverlayContent: customOverlayContent,
+    onCustomOverlyDismissed: onCustomOverlyDismissed
   }));
 };
 
@@ -13505,7 +13523,6 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
     _5 = _a.verbiage,
     rawVerbiage = _5 === void 0 ? {} : _5;
   var cameraRef = 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, {
@@ -13529,15 +13546,6 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
   var _9 = 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;
@@ -14290,6 +14298,8 @@ var VideoIdWizard = function VideoIdWizard(_a) {
     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,
@@ -14442,6 +14452,8 @@ var VideoIdWizard = function VideoIdWizard(_a) {
         return /*#__PURE__*/React__default.createElement(IdCaptureStateProvider, null, /*#__PURE__*/React__default.createElement(GuideOrientationProvider, null, /*#__PURE__*/React__default.createElement(IdCaptureWizard, _assign({
           key: "id-capture-".concat(attempt),
           loadingOverlayMode: idCaptureLoadingOverlayMode,
+          customOverlayContent: customOverlayContent,
+          onCustomOverlyDismissed: onCustomOverlyDismissed,
           silentFallback: silentFallback
         }, idCaptureProps, {
           assets: assets.idCapture,
@@ -14462,6 +14474,8 @@ var VideoIdWizard = function VideoIdWizard(_a) {
         return /*#__PURE__*/React__default.createElement(FaceLivenessWizard, _assign({
           key: "face-liveness-".concat(attempt),
           loadingOverlayMode: faceLivenessLoadingOverlayMode,
+          customOverlayContent: customOverlayContent,
+          onCustomOverlyDismissed: onCustomOverlyDismissed,
           silentFallback: silentFallback
         }, faceLivenessProps, {
           onComplete: onFaceCaptureSuccess,
@@ -14987,6 +15001,8 @@ var IdValidation = function IdValidation(_a) {
     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,
@@ -15060,6 +15076,8 @@ var IdValidation = function IdValidation(_a) {
       thresholds: idCaptureThresholds,
       skipSuccessScreen: skipSuccessScreen,
       loadingOverlayMode: loadingOverlayMode,
+      customOverlayContent: customOverlayContent,
+      onCustomOverlyDismissed: onCustomOverlyDismissed,
       forceFallbackMode: forceFallbackMode,
       allowIdCardBackToFrontCapture: allowIdCardBackToFrontCapture,
       instructions: instructions,
@@ -15075,7 +15093,7 @@ var IdValidation = function IdValidation(_a) {
       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 = useMemo(function () {
     return {
       documents: captureAdditionalDocuments,
@@ -16861,8 +16879,10 @@ var SignatureKYC = function SignatureKYC(_a) {
     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,
@@ -16907,6 +16927,8 @@ var SignatureKYC = function SignatureKYC(_a) {
     onCameraAccessDenied: onCameraAccessDenied,
     videoSignatureCaptureProps: useMemo(function () {
       return {
+        customOverlayContent: customOverlayContent,
+        onCustomOverlyDismissed: onCustomOverlyDismissed,
         loadingOverlayMode: loadingOverlayMode,
         skipSuccessScreen: skipSuccessScreen,
         modelLoadTimeoutMs: modelLoadTimeoutMs,
@@ -16917,7 +16939,7 @@ var SignatureKYC = function SignatureKYC(_a) {
         onModelError: onModelError,
         onUserCancel: onUserCancel
       };
-    }, [classNames, colors, debugMode, loadingOverlayMode, modelLoadTimeoutMs, onModelError, onUserCancel, skipSuccessScreen, verbiage])
+    }, [customOverlayContent, onCustomOverlyDismissed, classNames, colors, debugMode, loadingOverlayMode, modelLoadTimeoutMs, onModelError, onUserCancel, skipSuccessScreen, verbiage])
   }))));
 };
 
@@ -16981,6 +17003,8 @@ var VideoIdValidation = function VideoIdValidation(_a) {
     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,
@@ -17038,6 +17062,8 @@ var VideoIdValidation = function VideoIdValidation(_a) {
       skipIdCapture: skipIdCapture,
       skipShowIdCardBack: skipShowIdCardBack,
       idCaptureLoadingOverlayMode: idCaptureLoadingOverlayMode,
+      customOverlayContent: customOverlayContent,
+      onCustomOverlyDismissed: onCustomOverlyDismissed,
       idCaptureGuideType: idCaptureGuideType,
       idCapturePortraitGuidesOnMobile: idCapturePortraitGuidesOnMobile,
       idCaptureRotateLoadingOverlayImageWhenPortrait: idCaptureRotateLoadingOverlayImageWhenPortrait,
@@ -17052,7 +17078,7 @@ var VideoIdValidation = function VideoIdValidation(_a) {
       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 = useMemo(function () {
     return {
       documents: captureAdditionalDocuments,