idmission-web-sdk 2.1.47 → 2.1.49

package/dist/components/customer_flows/IdValidation.d.ts

@@ -78,6 +78,8 @@ export interface IdValidationProps extends PropsWithChildren {
     customerDataMatchConfig?: CustomerDataMatchConfig;
     /** String indicating which ID capture loading overlay screen should be used. Supported values: 'default' and 'legacy'. Defaults to 'default'. */
     loadingOverlayMode?: IdCaptureLoadingOverlayMode;
+    /** React component to render if the warmup overlay needs to be completely replaced.  Note that 100px padding should be applied to the bottom as the loading progress will be displayed over this content. **/
+    customOverlayContent?: () => ReactNode;
     /** String to indicate which types of documents should be captured. Valid values: `idCard`, `passport`, `idCardOrPassport`, `idCardAndPassport`. Default is `idCardOrPassport`. */
     idCaptureRequirement?: IdCaptureRequirementOption;
     /** Boolean to indicate whether the success screen should be shown in after the ID card front is captured, rather than the flip animation. Defaults to `false`. */
@@ -132,6 +134,8 @@ export interface IdValidationProps extends PropsWithChildren {
     onModelError?: (error: Error) => void;
     /** Callback function that fires when the camera access is denied. */
     onCameraAccessDenied?: () => void;
+    /** Callback function that fires when the continue button is clicked on the loading overlay **/
+    onCustomOverlyDismissed?: () => void;
     /** Boolean or async function indicating whether the user should be prompted to sign the screen before submission. Defaults to `false`. */
     captureSignature?: boolean | (() => Promise<boolean>);
     /** Boolean or async function indicating whether the user should be prompted to record themselves signing the screen before submission. Defaults to `false`. */

package/dist/components/customer_flows/SignatureKYC.d.ts

@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren } from 'react';
+import { FC, PropsWithChildren, ReactNode } from 'react';
 import { LangOption } from '../../lib/locales';
 import { SubmissionRequest, SubmissionResponse } from '../../contexts/SubmissionContext';
 import { OnBeforeDocumentUpload, OnDocumentUploaded, OnDocumentUploadFailed, OnDocumentUploadProgress } from '../submission/SubmissionProvider';
@@ -40,8 +40,12 @@ export interface SignatureKYCProps extends PropsWithChildren {
     onModelError?: (error: Error) => void;
     /** Callback function that fires when the camera access is denied. */
     onCameraAccessDenied?: () => void;
+    /** Callback function that fires when the continue button is clicked on the loading overlay **/
+    onCustomOverlyDismissed?: () => void;
     /** String indicating which loading overlay screen should be used. Supported values: 'default' and 'legacy'. Defaults to 'default'. */
     loadingOverlayMode?: SelfieCaptureLoadingOverlayMode;
+    /** React component to render if the warmup overlay needs to be completely replaced.  Note that 100px padding should be applied to the bottom as the loading progress will be displayed over this content. **/
+    customOverlayContent?: () => ReactNode;
     /** Boolean or async function to indicate whether to proceed automatically after capture guidance is satisfied. If an async function is supplied returning a boolean, it will be evaluated at the time of capture guidance satisfaction. Defaults to `false`. */
     skipSuccessScreen?: boolean | (() => Promise<boolean>);
     /** String containing a base64 image or document service ID pointing to an ID card front image that should be used to match the user's face against. Leave blank to disable face matching. */

package/dist/components/customer_flows/VideoIdValidation.d.ts

@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren } from 'react';
+import { FC, PropsWithChildren, ReactNode } from 'react';
 import { CardData, CustomerDataMatchConfig, IdData, LivenessCheckRequest, PersonalData, SubmissionRequest, SubmissionResponse } from '../../contexts/SubmissionContext';
 import { OnBeforeDocumentUpload, OnDocumentUploaded, OnDocumentUploadFailed, OnDocumentUploadProgress } from '../submission/SubmissionProvider';
 import { CustomerSuppliedVerbiage, LangOption } from '../../lib/locales';
@@ -101,6 +101,8 @@ export interface VideoIdValidationProps extends PropsWithChildren {
     onCameraAccessDenied?: () => void;
     /** Callback function that fires when the microphone access is denied. */
     onMicrophoneAccessDenied?: () => void;
+    /** Callback function that fires when the continue button is clicked on the loading overlay **/
+    onCustomOverlyDismissed?: () => void;
     /** Object containing any overrides for IDValidation. */
     idCaptureProps?: IdCaptureWizardProps;
     /** Object containing any overrides for FaceLiveness. */
@@ -127,6 +129,8 @@ export interface VideoIdValidationProps extends PropsWithChildren {
     skipIdCapture?: boolean;
     /** Boolean or async function to indicate whether to instruct the user to show the back of their ID card during video capture. If an async function is supplied returning a boolean, it will be evaluated at the time of ID front video capture completion. Defaults to `false`. */
     skipShowIdCardBack?: boolean | (() => Promise<boolean>);
+    /** React component to render if the warmup overlay needs to be completely replaced.  Note that 100px padding should be applied to the bottom as the loading progress will be displayed over this content. **/
+    customOverlayContent?: () => ReactNode;
     /** String indicating which ID capture loading overlay screen should be used. Supported values: 'default' and 'legacy'. Defaults to 'default'. */
     idCaptureLoadingOverlayMode?: IdCaptureLoadingOverlayMode;
     /** String to indicate what type of guides to use during capture. Using `fit` is highly recommended in order to capture the best quality image. Valid values: `fit`, `overlay`. Defaults to `fit`. */

package/dist/components/face_liveness/FaceLivenessWizard.d.ts

@@ -1,4 +1,4 @@
-import { ComponentType, ReactElement } from 'react';
+import { ComponentType, ReactElement, ReactNode } from 'react';
 import { FaceLivenessCaptureClassNames, FaceLivenessCaptureColors, FaceLivenessCaptureVerbiage } from './FaceLivenessCapture';
 import { FaceLivenessSuccessClassNames, FaceLivenessSuccessColors, FaceLivenessSuccessVerbiage } from './FaceLivenessSuccess';
 import { FaceLivenessFailureAssets, FaceLivenessFailureClassNames, FaceLivenessFailureColors, FaceLivenessFailureVerbiage } from './FaceLivenessFailure';
@@ -33,7 +33,9 @@ export type FaceLivenessWizardProps = {
     onExitAfterFailure?: (resp: SubmissionResponse | null, req: LivenessCheckRequest | null) => void;
     onUserCancel?: () => void;
     onModelError?: (error: Error) => void;
+    onCustomOverlyDismissed?: () => void;
     loadingOverlayMode?: SelfieCaptureLoadingOverlayMode;
+    customOverlayContent?: () => ReactNode;
     timeoutDurationMs?: number;
     modelLoadTimeoutMs?: number;
     maxRetries?: number;
@@ -50,4 +52,4 @@ export type FaceLivenessWizardProps = {
     verbiage?: FaceLivenessVerbiage;
     debugMode?: boolean;
 };
-export declare const FaceLivenessWizard: ({ onComplete, onSuccess, onTimeout, onExitCapture, onExitAfterFailure, onUserCancel, loadingOverlayMode, timeoutDurationMs, maxRetries, skipSuccessScreen, renderCameraFeed, releaseCameraAccessOnExit, silentFallback, guidesComponent, disableCapturePreview, requireVerticalFaceCentering, assets, classNames, colors, verbiage, debugMode, }: FaceLivenessWizardProps) => ReactElement;
+export declare const FaceLivenessWizard: ({ onComplete, onSuccess, onTimeout, onExitCapture, onExitAfterFailure, onUserCancel, loadingOverlayMode, customOverlayContent, onCustomOverlyDismissed, timeoutDurationMs, maxRetries, skipSuccessScreen, renderCameraFeed, releaseCameraAccessOnExit, silentFallback, guidesComponent, disableCapturePreview, requireVerticalFaceCentering, assets, classNames, colors, verbiage, debugMode, }: FaceLivenessWizardProps) => ReactElement;

package/dist/components/id_capture/IdCaptureLoadingOverlay.d.ts

@@ -47,12 +47,14 @@ export type IdCaptureLoadingOverlayVerbiage = {
 export type IdCaptureLoadingOverlayProps = {
     onDismissed?: () => void;
     onUserCancel?: () => void;
+    onCustomOverlyDismissed?: () => void;
     instructions?: ReactNode;
     rotateImage?: boolean;
     assets?: IdCaptureLoadingOverlayAssets;
     classNames?: IdCaptureLoadingOverlayClassNames;
     colors?: IdCaptureLoadingOverlayColors;
     verbiage?: IdCaptureLoadingOverlayVerbiage;
+    customOverlayContent?: () => ReactNode;
 };
 export type IdCaptureLoadingOverlayMode = 'default' | 'legacy';
 export declare const IdCaptureLoadingOverlay: ({ mode, ...props }: IdCaptureLoadingOverlayProps & {

package/dist/components/id_capture/IdCaptureLoadingOverlayDefault.d.ts

@@ -1,3 +1,3 @@
 import { ReactElement } from 'react';
 import { IdCaptureLoadingOverlayProps } from './IdCaptureLoadingOverlay';
-export declare const IdCaptureLoadingOverlayDefault: ({ onDismissed, onUserCancel, instructions, rotateImage, assets, classNames, colors, verbiage: rawVerbiage, }: IdCaptureLoadingOverlayProps) => ReactElement;
+export declare const IdCaptureLoadingOverlayDefault: ({ onDismissed, onUserCancel, onCustomOverlyDismissed, instructions, rotateImage, assets, classNames, colors, verbiage: rawVerbiage, customOverlayContent, }: IdCaptureLoadingOverlayProps) => ReactElement;

package/dist/components/id_capture/IdCaptureWizard.d.ts

@@ -50,7 +50,9 @@ export type IdCaptureWizardProps = {
     onExitCapture?: () => void;
     onUserCancel?: () => void;
     onModelError?: (error: Error) => void;
+    onCustomOverlyDismissed?: () => void;
     loadingOverlayMode?: IdCaptureLoadingOverlayMode;
+    customOverlayContent?: () => ReactNode;
     modelLoadTimeoutMs?: number;
     precapturedDocuments?: CapturedDocuments;
     captureRequirement?: IdCaptureRequirementOption;
@@ -73,4 +75,4 @@ export type IdCaptureWizardProps = {
     verbiage?: IdCaptureWizardVerbiage;
     debugMode?: boolean;
 };
-export declare const IdCaptureWizard: ({ onSuccess, onExitCapture, onUserCancel, loadingOverlayMode, precapturedDocuments, captureRequirement, separateIdCardCaptureSequence, thresholds, skipSuccessScreen, instructions, releaseCameraAccessOnExit, guideType, portraitGuidesOnMobile, rotateLoadingOverlayImageWhenPortrait, silentFallback, forceFallbackMode, allowIdCardBackToFrontCapture, enableOverrideWrongDocumentTypeDialog, allowOverrideWrongDocumentTypeAfterMs, assets, classNames, colors, verbiage, debugMode, }: IdCaptureWizardProps) => ReactElement;
+export declare const IdCaptureWizard: ({ onSuccess, onExitCapture, onUserCancel, loadingOverlayMode, customOverlayContent, onCustomOverlyDismissed, precapturedDocuments, captureRequirement, separateIdCardCaptureSequence, thresholds, skipSuccessScreen, instructions, releaseCameraAccessOnExit, guideType, portraitGuidesOnMobile, rotateLoadingOverlayImageWhenPortrait, silentFallback, forceFallbackMode, allowIdCardBackToFrontCapture, enableOverrideWrongDocumentTypeDialog, allowOverrideWrongDocumentTypeAfterMs, assets, classNames, colors, verbiage, debugMode, }: IdCaptureWizardProps) => ReactElement;

package/dist/components/selfie_capture/SelfieCaptureLoadingOverlay.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { CameraAccessDeniedOverlayAssets, CameraAccessDeniedOverlayClassNames, CameraAccessDeniedOverlayColors, CameraAccessDeniedOverlayVerbiage } from '../camera/CameraAccessDeniedOverlay';
 import { LoaderButtonColors } from '../common/LoaderButton';
 import { CustomerSuppliedVerbiage } from '../../lib/locales';
@@ -50,10 +50,12 @@ export type SelfieCaptureLoadingOverlayVerbiage = {
 export type SelfieCaptureLoadingOverlayProps = {
     onDismissed?: () => void;
     onUserCancel?: () => void;
+    onCustomOverlyDismissed?: () => void;
     assets?: SelfieCaptureLoadingOverlayAssets;
     classNames?: SelfieCaptureLoadingOverlayClassNames;
     colors?: SelfieCaptureLoadingOverlayColors;
     verbiage?: SelfieCaptureLoadingOverlayVerbiage;
+    customOverlayContent?: () => ReactNode;
 };
 export type SelfieCaptureLoadingOverlayMode = 'default' | 'legacy';
 export declare const SelfieCaptureLoadingOverlay: ({ mode, ...props }: SelfieCaptureLoadingOverlayProps & {

package/dist/components/selfie_capture/SelfieCaptureLoadingOverlayDefault.d.ts

@@ -1,3 +1,3 @@
 import { ReactElement } from 'react';
 import { SelfieCaptureLoadingOverlayProps } from './SelfieCaptureLoadingOverlay';
-export declare const SelfieCaptureLoadingOverlayDefault: ({ onDismissed, onUserCancel, assets, classNames, colors, verbiage: rawVerbiage, }: SelfieCaptureLoadingOverlayProps) => ReactElement;
+export declare const SelfieCaptureLoadingOverlayDefault: ({ onDismissed, onUserCancel, onCustomOverlyDismissed, assets, classNames, colors, verbiage: rawVerbiage, customOverlayContent, }: SelfieCaptureLoadingOverlayProps) => ReactElement;

package/dist/components/video_id/IdVideoCaptureWizard.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { IdCaptureWizardAssets, IdCaptureWizardClassNames, IdCaptureWizardColors, IdCaptureWizardProps, IdCaptureWizardVerbiage } from '../id_capture/IdCaptureWizard';
 import { FaceLivenessAssets, FaceLivenessClassNames, FaceLivenessColors, FaceLivenessVerbiage, FaceLivenessWizardProps } from '../face_liveness/FaceLivenessWizard';
 import { IdVideoCaptureAssets, IdVideoCaptureClassNames, IdVideoCaptureColors, IdVideoCaptureVerbiage, VideoIdCaptureThresholds } from './IdVideoCapture';
@@ -41,6 +41,7 @@ export type VideoIdWizardProps = {
     onIdCaptureModelError?: (error: Error) => void;
     onCameraAccessDenied?: () => void;
     onMicrophoneAccessDenied?: () => void;
+    onCustomOverlyDismissed?: () => void;
     idCaptureProps?: IdCaptureWizardProps;
     faceLivenessProps?: FaceLivenessWizardProps;
     idCaptureModelsEnabled?: boolean;
@@ -52,6 +53,7 @@ export type VideoIdWizardProps = {
     skipIdCapture?: boolean;
     skipShowIdCardBack?: boolean | (() => Promise<boolean>);
     idCaptureLoadingOverlayMode?: IdCaptureLoadingOverlayMode;
+    customOverlayContent?: () => ReactNode;
     idCaptureGuideType?: IdCaptureGuideType;
     idCapturePortraitGuidesOnMobile?: boolean;
     idCaptureRotateLoadingOverlayImageWhenPortrait?: boolean;
@@ -67,4 +69,4 @@ export type VideoIdWizardProps = {
     verbiage?: VideoIdWizardVerbiage;
     debugMode?: boolean;
 };
-export declare const VideoIdWizard: ({ onComplete, onExitCapture, onExitAfterFailure, onUserCancel, onIdCaptureModelError, onCameraAccessDenied, onMicrophoneAccessDenied, idCaptureProps, faceLivenessProps, idCaptureModelsEnabled, videoIdCaptureThresholds, readTextPrompt, readTextTimeoutDurationMs, readTextMinReadingMs, skipIdCapture, skipShowIdCardBack, skipSuccessScreen, idCaptureLoadingOverlayMode, idCaptureGuideType, idCapturePortraitGuidesOnMobile, idCaptureRotateLoadingOverlayImageWhenPortrait, idCaptureModelLoadTimeoutMs, faceLivenessLoadingOverlayMode, disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, silentFallback, mergeAVStreams, assets, classNames, colors, verbiage, debugMode, }: VideoIdWizardProps) => ReactElement;
+export declare const VideoIdWizard: ({ onComplete, onExitCapture, onExitAfterFailure, onUserCancel, onIdCaptureModelError, onCameraAccessDenied, onMicrophoneAccessDenied, idCaptureProps, faceLivenessProps, idCaptureModelsEnabled, videoIdCaptureThresholds, readTextPrompt, readTextTimeoutDurationMs, readTextMinReadingMs, skipIdCapture, skipShowIdCardBack, skipSuccessScreen, idCaptureLoadingOverlayMode, customOverlayContent, onCustomOverlyDismissed, idCaptureGuideType, idCapturePortraitGuidesOnMobile, idCaptureRotateLoadingOverlayImageWhenPortrait, idCaptureModelLoadTimeoutMs, faceLivenessLoadingOverlayMode, disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, silentFallback, mergeAVStreams, assets, classNames, colors, verbiage, debugMode, }: VideoIdWizardProps) => ReactElement;

package/dist/components/video_signature_capture/VideoSignatureWizard.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { VideoSignatureCaptureClassNames, VideoSignatureCaptureColors, VideoSignatureCaptureVerbiage } from './VideoSignatureCapture';
 import { FaceLivenessCaptureClassNames } from '../face_liveness/FaceLivenessCapture';
 import { SignatureData } from '../signature_capture/data';
@@ -30,7 +30,9 @@ export type VideoSignatureWizardProps = {
     onExitCapture?: () => void;
     onUserCancel?: () => void;
     onModelError?: (error: Error) => void;
+    onCustomOverlyDismissed?: () => void;
     loadingOverlayMode?: SelfieCaptureLoadingOverlayMode;
+    customOverlayContent?: () => ReactNode;
     modelLoadTimeoutMs?: number;
     skipSuccessScreen?: boolean | (() => Promise<boolean>);
     assets?: VideoSignatureAssets;
@@ -39,4 +41,4 @@ export type VideoSignatureWizardProps = {
     verbiage?: VideoSignatureVerbiage;
     debugMode?: boolean;
 };
-export declare const VideoSignatureWizard: ({ onComplete, onVideoCaptured, onRetryClicked, onExitCapture, onUserCancel, loadingOverlayMode, skipSuccessScreen, assets, classNames, colors, verbiage, debugMode, }: VideoSignatureWizardProps) => ReactElement;
+export declare const VideoSignatureWizard: ({ onComplete, onVideoCaptured, onRetryClicked, onExitCapture, onUserCancel, onCustomOverlyDismissed, loadingOverlayMode, customOverlayContent, skipSuccessScreen, assets, classNames, colors, verbiage, debugMode, }: VideoSignatureWizardProps) => ReactElement;

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.47';
+var webSdkVersion = '2.1.49';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -7709,6 +7709,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,
@@ -7719,7 +7720,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 = React.useContext(IdCaptureModelsContext),
     modelsReady = _l.ready,
     modelDownloadProgress = _l.modelDownloadProgress;
@@ -7776,12 +7778,12 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
     className: classNames.container
   }, /*#__PURE__*/React__namespace.default.createElement(OverlayInner$1, {
     className: classNames.inner
-  }, /*#__PURE__*/React__namespace.default.createElement(OverlayHeader$1, null, /*#__PURE__*/React__namespace.default.createElement(StyledGuidanceMessage$2, {
-    className: classNames.heading
-  }, verbiage.headingText)), onUserCancel && ( /*#__PURE__*/React__namespace.default.createElement(ExitCaptureButton, {
+  }, onUserCancel && ( /*#__PURE__*/React__namespace.default.createElement(ExitCaptureButton, {
     onClick: onUserCancel,
     className: classNames.cancelBtn
-  })), /*#__PURE__*/React__namespace.default.createElement(StyledOverlayImageContainer$2, {
+  })), customOverlayContent ? customOverlayContent() : ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(OverlayHeader$1, null, /*#__PURE__*/React__namespace.default.createElement(StyledGuidanceMessage$2, {
+    className: classNames.heading
+  }, verbiage.headingText)), /*#__PURE__*/React__namespace.default.createElement(StyledOverlayImageContainer$2, {
     className: classNames.imageContainer,
     style: {
       pointerEvents: 'none'
@@ -7794,7 +7796,7 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
     style: imageStyle
   })) : ( /*#__PURE__*/React__namespace.default.createElement(IdCaptureLoadingGraphic, {
     className: classNames.image
-  }))), instructions, /*#__PURE__*/React__namespace.default.createElement(ContinuityCameraCheckboxContainer$1, {
+  }))))), instructions, /*#__PURE__*/React__namespace.default.createElement(ContinuityCameraCheckboxContainer$1, {
     className: classNames.continuityCameraCheckboxContainer
   }, iphoneContinuityCameraAvailable && ( /*#__PURE__*/React__namespace.default.createElement(ContinuityCameraCheckboxInner, {
     className: classNames.continuityCameraCheckboxInner
@@ -7838,6 +7840,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))))));
 };
@@ -7861,7 +7864,7 @@ var ContinuityCameraCheckboxInner = styled__default.default(GuidanceMessage)(tem
 var ContinuityCameraCheckbox$1 = styled__default.default.input(templateObject_7$7 || (templateObject_7$7 = __makeTemplateObject(["\n  margin-right: 8px;\n"], ["\n  margin-right: 8px;\n"])));
 var StyledButtonsRow$a = styled__default.default(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, ";") : '';
@@ -9933,6 +9936,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,
@@ -10262,6 +10267,8 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
   }), !overlayDismissed && ( /*#__PURE__*/React__namespace.default.createElement(IdCaptureLoadingOverlay, {
     key: "loading".concat(attempt),
     mode: loadingOverlayMode,
+    customOverlayContent: customOverlayContent,
+    onCustomOverlyDismissed: onCustomOverlyDismissed,
     instructions: instructions,
     assets: assets.loadingOverlay,
     classNames: classNames.loadingOverlay,
@@ -12009,6 +12016,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,
@@ -12016,7 +12024,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 = React.useContext(CameraStateContext),
     cameraReady = _f.cameraReady,
     cameraAccessDenied = _f.cameraAccessDenied,
@@ -12073,7 +12082,7 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
   }, onUserCancel && ( /*#__PURE__*/React__namespace.default.createElement(ExitCaptureButton, {
     onClick: onUserCancel,
     className: classNames.cancelBtn
-  })), /*#__PURE__*/React__namespace.default.createElement(OverlayHeader, {
+  })), customOverlayContent ? customOverlayContent() : ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(OverlayHeader, {
     className: classNames.headingContainer
   }, /*#__PURE__*/React__namespace.default.createElement(StyledGuidanceMessage, {
     className: classNames.heading
@@ -12085,7 +12094,7 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
     src: assets.instructionImageUrl
   })) : ( /*#__PURE__*/React__namespace.default.createElement(SelfieCaptureLoadingGraphic, {
     className: classNames.image
-  }))), /*#__PURE__*/React__namespace.default.createElement(StyledButtonsRow$5, {
+  }))))), /*#__PURE__*/React__namespace.default.createElement(StyledButtonsRow$5, {
     className: classNames.buttonsRow
   }, /*#__PURE__*/React__namespace.default.createElement(ProgressContainer, {
     className: classNames.progressContainer
@@ -12114,6 +12123,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))))));
 };
@@ -12191,6 +12201,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,
@@ -12388,6 +12400,8 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
   }()), /*#__PURE__*/React__namespace.default.createElement(SelfieCaptureLoadingOverlay, {
     key: attempt,
     mode: loadingOverlayMode,
+    customOverlayContent: customOverlayContent,
+    onCustomOverlyDismissed: onCustomOverlyDismissed,
     assets: assets.loadingOverlay,
     classNames: classNames.loadingOverlay,
     colors: colors.loadingOverlay,
@@ -13335,8 +13349,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,
@@ -13508,7 +13524,9 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
     colors: colors.loadingOverlay,
     verbiage: verbiage.loadingOverlay,
     onDismissed: onLoadingOverlayDismissed,
-    onUserCancel: onUserCancel
+    onUserCancel: onUserCancel,
+    customOverlayContent: customOverlayContent,
+    onCustomOverlyDismissed: onCustomOverlyDismissed
   }));
 };
 
@@ -13535,7 +13553,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, {
@@ -13559,15 +13576,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;
@@ -14320,6 +14328,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,
@@ -14472,6 +14482,8 @@ var VideoIdWizard = function VideoIdWizard(_a) {
         return /*#__PURE__*/React__namespace.default.createElement(IdCaptureStateProvider, null, /*#__PURE__*/React__namespace.default.createElement(GuideOrientationProvider, null, /*#__PURE__*/React__namespace.default.createElement(IdCaptureWizard, _assign({
           key: "id-capture-".concat(attempt),
           loadingOverlayMode: idCaptureLoadingOverlayMode,
+          customOverlayContent: customOverlayContent,
+          onCustomOverlyDismissed: onCustomOverlyDismissed,
           silentFallback: silentFallback
         }, idCaptureProps, {
           assets: assets.idCapture,
@@ -14492,6 +14504,8 @@ var VideoIdWizard = function VideoIdWizard(_a) {
         return /*#__PURE__*/React__namespace.default.createElement(FaceLivenessWizard, _assign({
           key: "face-liveness-".concat(attempt),
           loadingOverlayMode: faceLivenessLoadingOverlayMode,
+          customOverlayContent: customOverlayContent,
+          onCustomOverlyDismissed: onCustomOverlyDismissed,
           silentFallback: silentFallback
         }, faceLivenessProps, {
           onComplete: onFaceCaptureSuccess,
@@ -15017,6 +15031,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,
@@ -15090,6 +15106,8 @@ var IdValidation = function IdValidation(_a) {
       thresholds: idCaptureThresholds,
       skipSuccessScreen: skipSuccessScreen,
       loadingOverlayMode: loadingOverlayMode,
+      customOverlayContent: customOverlayContent,
+      onCustomOverlyDismissed: onCustomOverlyDismissed,
       forceFallbackMode: forceFallbackMode,
       allowIdCardBackToFrontCapture: allowIdCardBackToFrontCapture,
       instructions: instructions,
@@ -15105,7 +15123,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 = React.useMemo(function () {
     return {
       documents: captureAdditionalDocuments,
@@ -16891,8 +16909,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,
@@ -16937,6 +16957,8 @@ var SignatureKYC = function SignatureKYC(_a) {
     onCameraAccessDenied: onCameraAccessDenied,
     videoSignatureCaptureProps: React.useMemo(function () {
       return {
+        customOverlayContent: customOverlayContent,
+        onCustomOverlyDismissed: onCustomOverlyDismissed,
         loadingOverlayMode: loadingOverlayMode,
         skipSuccessScreen: skipSuccessScreen,
         modelLoadTimeoutMs: modelLoadTimeoutMs,
@@ -16947,7 +16969,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])
   }))));
 };
 
@@ -17011,6 +17033,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,
@@ -17068,6 +17092,8 @@ var VideoIdValidation = function VideoIdValidation(_a) {
       skipIdCapture: skipIdCapture,
       skipShowIdCardBack: skipShowIdCardBack,
       idCaptureLoadingOverlayMode: idCaptureLoadingOverlayMode,
+      customOverlayContent: customOverlayContent,
+      onCustomOverlyDismissed: onCustomOverlyDismissed,
       idCaptureGuideType: idCaptureGuideType,
       idCapturePortraitGuidesOnMobile: idCapturePortraitGuidesOnMobile,
       idCaptureRotateLoadingOverlayImageWhenPortrait: idCaptureRotateLoadingOverlayImageWhenPortrait,
@@ -17082,7 +17108,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 = React.useMemo(function () {
     return {
       documents: captureAdditionalDocuments,