idmission-web-sdk 1.0.248 → 1.0.250

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

@@ -107,6 +107,8 @@ export interface CustomerEnrollmentProps extends PropsWithChildren {
     idCaptureGuideType?: IdCaptureGuideType;
     /** Boolean to indicate whether guide images should be rotated on mobile. Defaults to `false`. */
     idCapturePortraitGuidesOnMobile?: boolean;
+    /** Boolean to indicate whether loading overlay image should be rotated on when mobile guides are rotated. Defaults to `true`. */
+    idCaptureRotateLoadingOverlayImageWhenPortrait?: boolean;
     /** Callback function that fires immediately prior to each document upload, giving the client application an opportunity to specify custom asynchronous logic that captures the document contents before it is exchanged for a document token. The document content and metadata are passed in as parameters and a promise resolving to void or false should be returned. If the returned promise resolves to false, the document will not be uploaded. */
     onBeforeDocumentUpload?: OnBeforeDocumentUpload;
     /** Callback function that fires when progress information is available for a document upload. The progress info and metadata are passed in as parameters. */

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

@@ -104,6 +104,8 @@ export interface IdAndFaceValidationProps extends PropsWithChildren {
     idCaptureGuideType?: IdCaptureGuideType;
     /** Boolean to indicate whether guide images should be rotated on mobile. Defaults to `false`. */
     idCapturePortraitGuidesOnMobile?: boolean;
+    /** Boolean to indicate whether loading overlay image should be rotated on when mobile guides are rotated. Defaults to `true`. */
+    idCaptureRotateLoadingOverlayImageWhenPortrait?: boolean;
     /** Callback function that fires immediately prior to each document upload, giving the client application an opportunity to specify custom asynchronous logic that captures the document contents before it is exchanged for a document token. The document content and metadata are passed in as parameters and a promise resolving to void or false should be returned. If the returned promise resolves to false, the document will not be uploaded. */
     onBeforeDocumentUpload?: OnBeforeDocumentUpload;
     /** Callback function that fires when progress information is available for a document upload. The progress info and metadata are passed in as parameters. */

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

@@ -86,6 +86,8 @@ export interface IdValidationProps extends PropsWithChildren {
     guideType?: IdCaptureGuideType;
     /** Boolean to indicate whether guide images should be rotated on mobile. Defaults to `false`. */
     portraitGuidesOnMobile?: boolean;
+    /** Boolean to indicate whether loading overlay image should be rotated on when mobile guides are rotated. Defaults to `true`. */
+    rotateLoadingOverlayImageWhenPortrait?: boolean;
     /** Object to allow documents that have been previously captured to be submitted. Valid keys: `idCardFront`, `idCardBack , `passport`.*/
     precapturedDocuments?: CapturedDocuments;
     /** Callback function that fires immediately prior to each document upload, giving the client application an opportunity to specify custom asynchronous logic that captures the document contents before it is exchanged for a document token. The document content and metadata are passed in as parameters and a promise resolving to void or false should be returned. If the returned promise resolves to false, the document will not be uploaded. */

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

@@ -122,6 +122,8 @@ export interface VideoIdValidationProps extends PropsWithChildren {
     idCaptureGuideType?: IdCaptureGuideType;
     /** Boolean to indicate whether guide images should be rotated on mobile. Defaults to `false`. */
     idCapturePortraitGuidesOnMobile?: boolean;
+    /** Boolean to indicate whether loading overlay image should be rotated on when mobile guides are rotated. Defaults to `true`. */
+    idCaptureRotateLoadingOverlayImageWhenPortrait?: 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. */
     idCardForFaceMatch?: string;
     /** Name of an included theme or object containing theme properties. **/

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

@@ -35,9 +35,10 @@ export type IdCaptureLoadingOverlayProps = {
     onDismissed?: () => void;
     onUserCancel?: () => void;
     instructions?: ReactNode;
+    rotateImage?: boolean;
     assets?: IdCaptureLoadingOverlayAssets;
     classNames?: IdCaptureLoadingOverlayClassNames;
     colors?: IdCaptureLoadingOverlayColors;
     verbiage?: IdCaptureLoadingOverlayVerbiage;
 };
-export declare const IdCaptureLoadingOverlay: ({ onDismissed, onUserCancel, instructions, assets, classNames, colors, verbiage: rawVerbiage, }: IdCaptureLoadingOverlayProps) => ReactElement;
+export declare const IdCaptureLoadingOverlay: ({ onDismissed, onUserCancel, instructions, rotateImage, assets, classNames, colors, verbiage: rawVerbiage, }: IdCaptureLoadingOverlayProps) => ReactElement;

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

@@ -64,10 +64,11 @@ export type IdCaptureWizardProps = {
     releaseCameraAccessOnExit?: boolean;
     guideType?: IdCaptureGuideType;
     portraitGuidesOnMobile?: boolean;
+    rotateLoadingOverlayImageWhenPortrait?: boolean;
     assets?: IdCaptureWizardAssets;
     classNames?: IdCaptureWizardClassNames;
     colors?: IdCaptureWizardColors;
     verbiage?: IdCaptureWizardVerbiage;
     debugMode?: boolean;
 };
-export declare const IdCaptureWizard: ({ onSuccess, onExitCapture, onUserCancel, precapturedDocuments, captureRequirement, autoCaptureEnabled, autoCaptureGoodFramesRequired, autoCaptureBarcodeRequired, barcodeScanningEnabled, idCardAutoCaptureScoreThreshold, passportAutoCaptureScoreThreshold, mrzDetectionScoreThreshold, idCardFocusScoreThreshold, passportFocusScoreThreshold, skipSuccessScreen, instructions, releaseCameraAccessOnExit, guideType, portraitGuidesOnMobile, assets, classNames, colors, verbiage, debugMode, }: IdCaptureWizardProps) => ReactElement;
+export declare const IdCaptureWizard: ({ onSuccess, onExitCapture, onUserCancel, precapturedDocuments, captureRequirement, autoCaptureEnabled, autoCaptureGoodFramesRequired, autoCaptureBarcodeRequired, barcodeScanningEnabled, idCardAutoCaptureScoreThreshold, passportAutoCaptureScoreThreshold, mrzDetectionScoreThreshold, idCardFocusScoreThreshold, passportFocusScoreThreshold, skipSuccessScreen, instructions, releaseCameraAccessOnExit, guideType, portraitGuidesOnMobile, rotateLoadingOverlayImageWhenPortrait, assets, classNames, colors, verbiage, debugMode, }: IdCaptureWizardProps) => ReactElement;

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

@@ -49,10 +49,11 @@ export type VideoIdWizardProps = {
     skipShowIdCardBack?: boolean | (() => Promise<boolean>);
     idCaptureGuideType?: IdCaptureGuideType;
     idCapturePortraitGuidesOnMobile?: boolean;
+    idCaptureRotateLoadingOverlayImageWhenPortrait?: boolean;
     assets?: VideoIdWizardAssets;
     classNames?: VideoIdWizardClassNames;
     colors?: VideoIdWizardColors;
     verbiage?: VideoIdWizardVerbiage;
     debugMode?: boolean;
 };
-export declare const VideoIdWizard: ({ onComplete, onExitCapture, onExitAfterFailure, onUserCancel, idCaptureProps, faceLivenessProps, idCardFrontDetectionThreshold, idCardBackDetectionThreshold, idCardFrontFocusThreshold, idCardBackFocusThreshold, goodIdCardFrontFramesThreshold, goodIdCardBackFramesThreshold, readTextPrompt, readTextTimeoutDurationMs, skipIdCapture, skipShowIdCardBack, skipSuccessScreen, idCaptureGuideType, idCapturePortraitGuidesOnMobile, assets, classNames, colors, verbiage, debugMode, }: VideoIdWizardProps) => ReactElement;
+export declare const VideoIdWizard: ({ onComplete, onExitCapture, onExitAfterFailure, onUserCancel, idCaptureProps, faceLivenessProps, idCardFrontDetectionThreshold, idCardBackDetectionThreshold, idCardFrontFocusThreshold, idCardBackFocusThreshold, goodIdCardFrontFramesThreshold, goodIdCardBackFramesThreshold, readTextPrompt, readTextTimeoutDurationMs, skipIdCapture, skipShowIdCardBack, skipSuccessScreen, idCaptureGuideType, idCapturePortraitGuidesOnMobile, idCaptureRotateLoadingOverlayImageWhenPortrait, assets, classNames, colors, verbiage, debugMode, }: VideoIdWizardProps) => ReactElement;

package/dist/sdk2.cjs.development.js

@@ -51,7 +51,7 @@ var LanguageDetector__default = /*#__PURE__*/_interopDefaultLegacy(LanguageDetec
 var i18n__default = /*#__PURE__*/_interopDefaultLegacy(i18n);
 var SignatureCanvas__default = /*#__PURE__*/_interopDefaultLegacy(SignatureCanvas);
 
-var webSdkVersion = '1.0.248';
+var webSdkVersion = '1.0.250';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -10483,26 +10483,29 @@ var templateObject_1$t;
 var ContinuityCameraCheckboxContainer = styled__default['default'].div(templateObject_1$s || (templateObject_1$s = tslib.__makeTemplateObject(["\n  margin-top: 15px;\n  margin-bottom: 15px;\n"], ["\n  margin-top: 15px;\n  margin-bottom: 15px;\n"])));
 var ContinuityCameraCheckbox = styled__default['default'].input(templateObject_2$i || (templateObject_2$i = tslib.__makeTemplateObject(["\n  margin-right: 8px;\n"], ["\n  margin-right: 8px;\n"])));
 var IdCaptureLoadingOverlay = function IdCaptureLoadingOverlay(_a) {
+  var _b, _c, _d, _e;
   var onDismissed = _a.onDismissed,
     onUserCancel = _a.onUserCancel,
     instructions = _a.instructions,
-    _b = _a.assets,
-    assets = _b === void 0 ? {} : _b,
-    _c = _a.classNames,
-    classNames = _c === void 0 ? {} : _c,
-    _d = _a.colors,
-    colors = _d === void 0 ? {} : _d,
-    _e = _a.verbiage,
-    rawVerbiage = _e === void 0 ? {} : _e;
+    _f = _a.rotateImage,
+    rotateImage = _f === void 0 ? false : _f,
+    _g = _a.assets,
+    assets = _g === void 0 ? {} : _g,
+    _h = _a.classNames,
+    classNames = _h === void 0 ? {} : _h,
+    _j = _a.colors,
+    colors = _j === void 0 ? {} : _j,
+    _k = _a.verbiage,
+    rawVerbiage = _k === void 0 ? {} : _k;
   var modelsReady = React.useContext(IdCaptureModelsContext).ready;
-  var _f = React.useContext(CameraStateContext),
-    cameraReady = _f.cameraReady,
-    cameraAccessDenied = _f.cameraAccessDenied,
-    iphoneContinuityCameraAvailable = _f.iphoneContinuityCameraAvailable,
-    setIphoneContinuityCameraAllowed = _f.setIphoneContinuityCameraAllowed;
-  var _g = React.useState(false),
-    dismissed = _g[0],
-    setDismissed = _g[1];
+  var _l = React.useContext(CameraStateContext),
+    cameraReady = _l.cameraReady,
+    cameraAccessDenied = _l.cameraAccessDenied,
+    iphoneContinuityCameraAvailable = _l.iphoneContinuityCameraAvailable,
+    setIphoneContinuityCameraAllowed = _l.setIphoneContinuityCameraAllowed;
+  var _m = React.useState(false),
+    dismissed = _m[0],
+    setDismissed = _m[1];
   assets.instructionImageUrl || (assets.instructionImageUrl = "".concat(DEFAULT_CDN_URL, "/WebSDK-Instruction-DL-Capture-3-Portrait.png"));
   var verbiage = useTranslations(rawVerbiage, {
     headingText: 'Use your device camera to capture your ID',
@@ -10522,6 +10525,7 @@ var IdCaptureLoadingOverlay = function IdCaptureLoadingOverlay(_a) {
       clearTimeout(t);
     };
   }, [cameraReady, modelsReady]);
+  var imageRef = React.useRef(null);
   if (dismissed) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
   if (cameraAccessDenied) {
     return /*#__PURE__*/React__default['default'].createElement(CameraAccessDeniedOverlay, {
@@ -10531,6 +10535,15 @@ var IdCaptureLoadingOverlay = function IdCaptureLoadingOverlay(_a) {
       verbiage: rawVerbiage.cameraAccessDenied
     });
   }
+  var imageStyle = {};
+  if (rotateImage) {
+    var naturalWidth = (_c = (_b = imageRef.current) === null || _b === void 0 ? void 0 : _b.naturalWidth) !== null && _c !== void 0 ? _c : 0;
+    var naturalHeight = (_e = (_d = imageRef.current) === null || _d === void 0 ? void 0 : _d.naturalHeight) !== null && _e !== void 0 ? _e : 0;
+    var scale = naturalWidth > naturalHeight ? naturalHeight / naturalWidth : 1;
+    imageStyle = {
+      transform: "rotate(-90deg) scale(".concat(scale, ")")
+    };
+  }
   return /*#__PURE__*/React__default['default'].createElement(OverlayContainer, {
     className: classNames.container
   }, /*#__PURE__*/React__default['default'].createElement(OverlayInner, {
@@ -10546,9 +10559,11 @@ var IdCaptureLoadingOverlay = function IdCaptureLoadingOverlay(_a) {
       pointerEvents: 'none'
     }
   }, /*#__PURE__*/React__default['default'].createElement("img", {
+    ref: imageRef,
     alt: verbiage.headingText,
     src: assets.instructionImageUrl,
-    className: classNames.image
+    className: classNames.image,
+    style: imageStyle
   })), instructions, /*#__PURE__*/React__default['default'].createElement(ContinuityCameraCheckboxContainer, {
     className: classNames.continuityCameraCheckboxContainer
   }, iphoneContinuityCameraAvailable && ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(ContinuityCameraCheckbox, {
@@ -11488,30 +11503,32 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
     guideType = _5 === void 0 ? 'fit' : _5,
     _6 = _a.portraitGuidesOnMobile,
     portraitGuidesOnMobile = _6 === void 0 ? false : _6,
-    _7 = _a.assets,
-    assets = _7 === void 0 ? {} : _7,
-    _8 = _a.classNames,
-    classNames = _8 === void 0 ? {} : _8,
-    _9 = _a.colors,
-    colors = _9 === void 0 ? {} : _9,
-    _10 = _a.verbiage,
-    verbiage = _10 === void 0 ? {} : _10,
-    _11 = _a.debugMode,
-    debugMode = _11 === void 0 ? false : _11;
-  var _12 = useIdCaptureState(),
-    state = _12[0],
-    dispatch = _12[1];
+    _7 = _a.rotateLoadingOverlayImageWhenPortrait,
+    rotateLoadingOverlayImageWhenPortrait = _7 === void 0 ? true : _7,
+    _8 = _a.assets,
+    assets = _8 === void 0 ? {} : _8,
+    _9 = _a.classNames,
+    classNames = _9 === void 0 ? {} : _9,
+    _10 = _a.colors,
+    colors = _10 === void 0 ? {} : _10,
+    _11 = _a.verbiage,
+    verbiage = _11 === void 0 ? {} : _11,
+    _12 = _a.debugMode,
+    debugMode = _12 === void 0 ? false : _12;
+  var _13 = useIdCaptureState(),
+    state = _13[0],
+    dispatch = _13[1];
   var releaseCameraAccess = React.useContext(CameraStateContext).releaseCameraAccess;
-  var _13 = React.useState(false),
-    overlayDismissed = _13[0],
-    setOverlayDismissed = _13[1];
-  var _14 = React.useContext(SubmissionContext),
-    submissionStatus = _14.submissionStatus,
-    setIdFrontImage = _14.setIdFrontImage,
-    setIdBackImage = _14.setIdBackImage,
-    setPassportImage = _14.setPassportImage,
-    logIdFrontCaptureAttempt = _14.logIdFrontCaptureAttempt,
-    logIdBackCaptureAttempt = _14.logIdBackCaptureAttempt;
+  var _14 = React.useState(false),
+    overlayDismissed = _14[0],
+    setOverlayDismissed = _14[1];
+  var _15 = React.useContext(SubmissionContext),
+    submissionStatus = _15.submissionStatus,
+    setIdFrontImage = _15.setIdFrontImage,
+    setIdBackImage = _15.setIdBackImage,
+    setPassportImage = _15.setPassportImage,
+    logIdFrontCaptureAttempt = _15.logIdFrontCaptureAttempt,
+    logIdBackCaptureAttempt = _15.logIdBackCaptureAttempt;
   var modelsError = React.useContext(IdCaptureModelsContext).error;
   var operationStartedAt = React.useRef();
   React.useEffect(function () {
@@ -11576,9 +11593,9 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
       type: 'resetWizard'
     });
   }, [dispatch]);
-  var _15 = React.useState(0),
-    attempt = _15[0],
-    setAttempt = _15[1];
+  var _16 = React.useState(0),
+    attempt = _16[0],
+    setAttempt = _16[1];
   var onExit = React.useCallback(function () {
     setOverlayDismissed(false);
     setAttempt(function (n) {
@@ -11621,12 +11638,12 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
     })
   };
   var theme = styled.useTheme();
-  var _16 = useIdCaptureState()[0],
-    guideRectX = _16.guideRectX,
-    guideRectY = _16.guideRectY,
-    guideRectWidth = _16.guideRectWidth,
-    guideRectHeight = _16.guideRectHeight,
-    imageUrl = _16.imageUrl;
+  var _17 = useIdCaptureState()[0],
+    guideRectX = _17.guideRectX,
+    guideRectY = _17.guideRectY,
+    guideRectWidth = _17.guideRectWidth,
+    guideRectHeight = _17.guideRectHeight,
+    imageUrl = _17.imageUrl;
   var idCaptureAssets = assets[state.requestedDocumentType];
   var idCaptureVerbiage = idCaptureVerbiages[state.requestedDocumentType];
   React.useEffect(function () {
@@ -11756,7 +11773,8 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
     onUserCancel: onUserCancel,
     onDismissed: function onDismissed() {
       setOverlayDismissed(true);
-    }
+    },
+    rotateImage: rotateLoadingOverlayImageWhenPortrait && portraitGuidesOnMobile && window.innerWidth < window.innerHeight
   })), state.captureState === 'complete' && showSuccessScreen && ( /*#__PURE__*/React__default['default'].createElement(IdCaptureSuccess, {
     capturedDocuments: state.capturedDocuments,
     barcodeResult: state.barcodeResult,
@@ -14527,25 +14545,27 @@ var VideoIdWizard = function VideoIdWizard(_a) {
     idCaptureGuideType = _l === void 0 ? 'fit' : _l,
     _m = _a.idCapturePortraitGuidesOnMobile,
     idCapturePortraitGuidesOnMobile = _m === void 0 ? false : _m,
-    _o = _a.assets,
-    assets = _o === void 0 ? {} : _o,
-    _p = _a.classNames,
-    classNames = _p === void 0 ? {} : _p,
-    _q = _a.colors,
-    colors = _q === void 0 ? {} : _q,
-    _r = _a.verbiage,
-    verbiage = _r === void 0 ? {} : _r,
-    _s = _a.debugMode,
-    debugMode = _s === void 0 ? false : _s;
-  var _t = React.useContext(SubmissionContext),
-    submissionStatus = _t.submissionStatus,
-    idCaptureVideoUrl = _t.idCaptureVideoUrl,
-    setIdCaptureVideoUrl = _t.setIdCaptureVideoUrl,
-    setIdCaptureVideoIdFrontImage = _t.setIdCaptureVideoIdFrontImage,
-    setIdCaptureVideoIdBackImage = _t.setIdCaptureVideoIdBackImage;
-  var _u = React.useState('CAPTURING_ID'),
-    captureState = _u[0],
-    setCaptureState = _u[1];
+    _o = _a.idCaptureRotateLoadingOverlayImageWhenPortrait,
+    idCaptureRotateLoadingOverlayImageWhenPortrait = _o === void 0 ? true : _o,
+    _p = _a.assets,
+    assets = _p === void 0 ? {} : _p,
+    _q = _a.classNames,
+    classNames = _q === void 0 ? {} : _q,
+    _r = _a.colors,
+    colors = _r === void 0 ? {} : _r,
+    _s = _a.verbiage,
+    verbiage = _s === void 0 ? {} : _s,
+    _t = _a.debugMode,
+    debugMode = _t === void 0 ? false : _t;
+  var _u = React.useContext(SubmissionContext),
+    submissionStatus = _u.submissionStatus,
+    idCaptureVideoUrl = _u.idCaptureVideoUrl,
+    setIdCaptureVideoUrl = _u.setIdCaptureVideoUrl,
+    setIdCaptureVideoIdFrontImage = _u.setIdCaptureVideoIdFrontImage,
+    setIdCaptureVideoIdBackImage = _u.setIdCaptureVideoIdBackImage;
+  var _v = React.useState('CAPTURING_ID'),
+    captureState = _v[0],
+    setCaptureState = _v[1];
   React.useEffect(function () {
     if (skipIdCapture && captureState === 'CAPTURING_ID') setCaptureState('CHECKING_LIVENESS');
   }, [captureState, skipIdCapture]);
@@ -14575,9 +14595,9 @@ var VideoIdWizard = function VideoIdWizard(_a) {
   var onVideoCaptureFaceNotDetected = React.useCallback(function () {
     setCaptureState('CHECKING_LIVENESS');
   }, []);
-  var _v = React.useState(0),
-    attempt = _v[0],
-    setAttempt = _v[1];
+  var _w = React.useState(0),
+    attempt = _w[0],
+    setAttempt = _w[1];
   var userSuppliedExitAfterFailure = onExitAfterFailure !== null && onExitAfterFailure !== void 0 ? onExitAfterFailure : faceLivenessProps.onExitAfterFailure;
   var onFaceCaptureExitAfterFailure = React.useCallback(function (resp, req) {
     userSuppliedExitAfterFailure === null || userSuppliedExitAfterFailure === void 0 ? void 0 : userSuppliedExitAfterFailure(resp, req);
@@ -14630,6 +14650,7 @@ var VideoIdWizard = function VideoIdWizard(_a) {
           releaseCameraAccessOnExit: false,
           guideType: idCaptureGuideType,
           portraitGuidesOnMobile: idCapturePortraitGuidesOnMobile,
+          rotateLoadingOverlayImageWhenPortrait: idCaptureRotateLoadingOverlayImageWhenPortrait,
           debugMode: debugMode
         }))));
       case 'CHECKING_LIVENESS':
@@ -15113,6 +15134,8 @@ var IdValidation = function IdValidation(_a) {
     guideType = _k === void 0 ? 'fit' : _k,
     _l = _a.portraitGuidesOnMobile,
     portraitGuidesOnMobile = _l === void 0 ? false : _l,
+    _m = _a.rotateLoadingOverlayImageWhenPortrait,
+    rotateLoadingOverlayImageWhenPortrait = _m === void 0 ? true : _m,
     onBeforeSubmit = _a.onBeforeSubmit,
     onBeforeDocumentUpload = _a.onBeforeDocumentUpload,
     onDocumentUploadProgress = _a.onDocumentUploadProgress,
@@ -15124,28 +15147,28 @@ var IdValidation = function IdValidation(_a) {
     onDenied = _a.onDenied,
     onExitCapture = _a.onExitCapture,
     onUserCancel = _a.onUserCancel,
-    _m = _a.theme,
-    theme = _m === void 0 ? 'default' : _m,
-    _o = _a.assets,
-    assets = _o === void 0 ? {} : _o,
-    _p = _a.classNames,
-    classNames = _p === void 0 ? {} : _p,
-    _q = _a.colors,
-    colors = _q === void 0 ? {} : _q,
-    _r = _a.verbiage,
-    verbiage = _r === void 0 ? {} : _r,
-    _s = _a.captureSignature,
-    captureSignature = _s === void 0 ? false : _s,
-    _t = _a.captureSignatureVideo,
-    captureSignatureVideo = _t === void 0 ? false : _t,
-    _u = _a.captureAdditionalDocuments,
-    captureAdditionalDocuments = _u === void 0 ? [] : _u,
-    _v = _a.geolocationEnabled,
-    geolocationEnabled = _v === void 0 ? true : _v,
-    _w = _a.geolocationRequired,
-    geolocationRequired = _w === void 0 ? false : _w,
-    _x = _a.debugMode,
-    debugMode = _x === void 0 ? false : _x;
+    _o = _a.theme,
+    theme = _o === void 0 ? 'default' : _o,
+    _p = _a.assets,
+    assets = _p === void 0 ? {} : _p,
+    _q = _a.classNames,
+    classNames = _q === void 0 ? {} : _q,
+    _r = _a.colors,
+    colors = _r === void 0 ? {} : _r,
+    _s = _a.verbiage,
+    verbiage = _s === void 0 ? {} : _s,
+    _t = _a.captureSignature,
+    captureSignature = _t === void 0 ? false : _t,
+    _u = _a.captureSignatureVideo,
+    captureSignatureVideo = _u === void 0 ? false : _u,
+    _v = _a.captureAdditionalDocuments,
+    captureAdditionalDocuments = _v === void 0 ? [] : _v,
+    _w = _a.geolocationEnabled,
+    geolocationEnabled = _w === void 0 ? true : _w,
+    _x = _a.geolocationRequired,
+    geolocationRequired = _x === void 0 ? false : _x,
+    _y = _a.debugMode,
+    debugMode = _y === void 0 ? false : _y;
   useLanguage(lang);
   var idCaptureProps = React.useMemo(function () {
     return {
@@ -15164,13 +15187,14 @@ var IdValidation = function IdValidation(_a) {
       instructions: instructions,
       guideType: guideType,
       portraitGuidesOnMobile: portraitGuidesOnMobile,
+      rotateLoadingOverlayImageWhenPortrait: rotateLoadingOverlayImageWhenPortrait,
       assets: assets,
       classNames: classNames,
       colors: colors,
       verbiage: verbiage,
       debugMode: debugMode
     };
-  }, [onExitCapture, onUserCancel, precapturedDocuments, idCaptureRequirement, idAutoCaptureEnabled, idCardAutoCaptureScoreThreshold, passportAutoCaptureScoreThreshold, idCardFocusScoreThreshold, passportFocusScoreThreshold, skipSuccessScreen, instructions, guideType, portraitGuidesOnMobile, assets, classNames, colors, verbiage, debugMode]);
+  }, [onExitCapture, onUserCancel, precapturedDocuments, idCaptureRequirement, idAutoCaptureEnabled, idCardAutoCaptureScoreThreshold, passportAutoCaptureScoreThreshold, idCardFocusScoreThreshold, passportFocusScoreThreshold, skipSuccessScreen, instructions, guideType, portraitGuidesOnMobile, rotateLoadingOverlayImageWhenPortrait, assets, classNames, colors, verbiage, debugMode]);
   var additionalDocumentCaptureProps = React.useMemo(function () {
     return {
       documents: captureAdditionalDocuments,
@@ -15393,6 +15417,8 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
     idCaptureGuideType = _m === void 0 ? 'fit' : _m,
     _o = _a.idCapturePortraitGuidesOnMobile,
     idCapturePortraitGuidesOnMobile = _o === void 0 ? false : _o,
+    _p = _a.idCaptureRotateLoadingOverlayImageWhenPortrait,
+    idCaptureRotateLoadingOverlayImageWhenPortrait = _p === void 0 ? true : _p,
     onBeforeDocumentUpload = _a.onBeforeDocumentUpload,
     onDocumentUploaded = _a.onDocumentUploaded,
     onDocumentUploadProgress = _a.onDocumentUploadProgress,
@@ -15406,28 +15432,28 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
     onExitCapture = _a.onExitCapture,
     onExitAfterFailure = _a.onExitAfterFailure,
     onUserCancel = _a.onUserCancel,
-    _p = _a.captureSignature,
-    captureSignature = _p === void 0 ? false : _p,
-    _q = _a.captureSignatureVideo,
-    captureSignatureVideo = _q === void 0 ? false : _q,
-    _r = _a.captureAdditionalDocuments,
-    captureAdditionalDocuments = _r === void 0 ? [] : _r,
-    _s = _a.theme,
-    theme = _s === void 0 ? 'default' : _s,
-    _t = _a.assets,
-    assets = _t === void 0 ? {} : _t,
-    _u = _a.classNames,
-    classNames = _u === void 0 ? {} : _u,
-    _v = _a.colors,
-    colors = _v === void 0 ? {} : _v,
-    _w = _a.verbiage,
-    verbiage = _w === void 0 ? {} : _w,
-    _x = _a.geolocationEnabled,
-    geolocationEnabled = _x === void 0 ? true : _x,
-    _y = _a.geolocationRequired,
-    geolocationRequired = _y === void 0 ? false : _y,
-    _z = _a.debugMode,
-    debugMode = _z === void 0 ? false : _z;
+    _q = _a.captureSignature,
+    captureSignature = _q === void 0 ? false : _q,
+    _r = _a.captureSignatureVideo,
+    captureSignatureVideo = _r === void 0 ? false : _r,
+    _s = _a.captureAdditionalDocuments,
+    captureAdditionalDocuments = _s === void 0 ? [] : _s,
+    _t = _a.theme,
+    theme = _t === void 0 ? 'default' : _t,
+    _u = _a.assets,
+    assets = _u === void 0 ? {} : _u,
+    _v = _a.classNames,
+    classNames = _v === void 0 ? {} : _v,
+    _w = _a.colors,
+    colors = _w === void 0 ? {} : _w,
+    _x = _a.verbiage,
+    verbiage = _x === void 0 ? {} : _x,
+    _y = _a.geolocationEnabled,
+    geolocationEnabled = _y === void 0 ? true : _y,
+    _z = _a.geolocationRequired,
+    geolocationRequired = _z === void 0 ? false : _z,
+    _0 = _a.debugMode,
+    debugMode = _0 === void 0 ? false : _0;
   useLanguage(lang);
   var idCaptureProps = React.useMemo(function () {
     return {
@@ -15448,10 +15474,11 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
       instructions: idCaptureInstructions,
       guideType: idCaptureGuideType,
       portraitGuidesOnMobile: idCapturePortraitGuidesOnMobile,
+      rotateLoadingOverlayImageWhenPortrait: idCaptureRotateLoadingOverlayImageWhenPortrait,
       skipSuccessScreen: skipSuccessScreen,
       debugMode: debugMode
     };
-  }, [assets.idCapture, classNames.idCapture, colors.idCapture, debugMode, idAutoCaptureEnabled, idCaptureGuideType, idCaptureInstructions, idCapturePortraitGuidesOnMobile, idCaptureRequirement, idCardAutoCaptureScoreThreshold, idCardFocusScoreThreshold, mrzDetectionScoreThreshold, onExitCapture, onUserCancel, passportAutoCaptureScoreThreshold, passportFocusScoreThreshold, precapturedDocuments, skipSuccessScreen, verbiage.idCapture]);
+  }, [assets.idCapture, classNames.idCapture, colors.idCapture, debugMode, idAutoCaptureEnabled, idCaptureGuideType, idCaptureInstructions, idCapturePortraitGuidesOnMobile, idCaptureRequirement, idCaptureRotateLoadingOverlayImageWhenPortrait, idCardAutoCaptureScoreThreshold, idCardFocusScoreThreshold, mrzDetectionScoreThreshold, onExitCapture, onUserCancel, passportAutoCaptureScoreThreshold, passportFocusScoreThreshold, precapturedDocuments, skipSuccessScreen, verbiage.idCapture]);
   var faceLivenessProps = React.useMemo(function () {
     return {
       timeoutDurationMs: faceLivenessTimeoutDurationMs,
@@ -15602,6 +15629,8 @@ var CustomerIdAndBiometricsEnrollment = function CustomerIdAndBiometricsEnrollme
     idCaptureGuideType = _m === void 0 ? 'fit' : _m,
     _o = _a.idCapturePortraitGuidesOnMobile,
     idCapturePortraitGuidesOnMobile = _o === void 0 ? false : _o,
+    _p = _a.idCaptureRotateLoadingOverlayImageWhenPortrait,
+    idCaptureRotateLoadingOverlayImageWhenPortrait = _p === void 0 ? true : _p,
     onBeforeDocumentUpload = _a.onBeforeDocumentUpload,
     onDocumentUploadProgress = _a.onDocumentUploadProgress,
     onDocumentUploaded = _a.onDocumentUploaded,
@@ -15614,28 +15643,28 @@ var CustomerIdAndBiometricsEnrollment = function CustomerIdAndBiometricsEnrollme
     onExitCapture = _a.onExitCapture,
     onExitAfterFailure = _a.onExitAfterFailure,
     onUserCancel = _a.onUserCancel,
-    _p = _a.captureSignature,
-    captureSignature = _p === void 0 ? false : _p,
-    _q = _a.captureSignatureVideo,
-    captureSignatureVideo = _q === void 0 ? false : _q,
-    _r = _a.captureAdditionalDocuments,
-    captureAdditionalDocuments = _r === void 0 ? [] : _r,
-    _s = _a.theme,
-    theme = _s === void 0 ? 'default' : _s,
-    _t = _a.assets,
-    assets = _t === void 0 ? {} : _t,
-    _u = _a.classNames,
-    classNames = _u === void 0 ? {} : _u,
-    _v = _a.colors,
-    colors = _v === void 0 ? {} : _v,
-    _w = _a.verbiage,
-    verbiage = _w === void 0 ? {} : _w,
-    _x = _a.geolocationEnabled,
-    geolocationEnabled = _x === void 0 ? true : _x,
-    _y = _a.geolocationRequired,
-    geolocationRequired = _y === void 0 ? false : _y,
-    _z = _a.debugMode,
-    debugMode = _z === void 0 ? false : _z;
+    _q = _a.captureSignature,
+    captureSignature = _q === void 0 ? false : _q,
+    _r = _a.captureSignatureVideo,
+    captureSignatureVideo = _r === void 0 ? false : _r,
+    _s = _a.captureAdditionalDocuments,
+    captureAdditionalDocuments = _s === void 0 ? [] : _s,
+    _t = _a.theme,
+    theme = _t === void 0 ? 'default' : _t,
+    _u = _a.assets,
+    assets = _u === void 0 ? {} : _u,
+    _v = _a.classNames,
+    classNames = _v === void 0 ? {} : _v,
+    _w = _a.colors,
+    colors = _w === void 0 ? {} : _w,
+    _x = _a.verbiage,
+    verbiage = _x === void 0 ? {} : _x,
+    _y = _a.geolocationEnabled,
+    geolocationEnabled = _y === void 0 ? true : _y,
+    _z = _a.geolocationRequired,
+    geolocationRequired = _z === void 0 ? false : _z,
+    _0 = _a.debugMode,
+    debugMode = _0 === void 0 ? false : _0;
   useLanguage(lang);
   var idCaptureProps = React.useMemo(function () {
     return {
@@ -15653,12 +15682,13 @@ var CustomerIdAndBiometricsEnrollment = function CustomerIdAndBiometricsEnrollme
       instructions: idCaptureInstructions,
       guideType: idCaptureGuideType,
       portraitGuidesOnMobile: idCapturePortraitGuidesOnMobile,
+      rotateLoadingOverlayImageWhenPortrait: idCaptureRotateLoadingOverlayImageWhenPortrait,
       onExitCapture: onExitCapture,
       onUserCancel: onUserCancel,
       skipSuccessScreen: skipSuccessScreen,
       debugMode: debugMode
     };
-  }, [assets.idCapture, classNames.idCapture, colors.idCapture, debugMode, idAutoCaptureEnabled, idCaptureGuideType, idCaptureInstructions, idCapturePortraitGuidesOnMobile, idCaptureRequirement, idCardAutoCaptureScoreThreshold, idCardFocusScoreThreshold, mrzDetectionScoreThreshold, onExitCapture, onUserCancel, passportAutoCaptureScoreThreshold, passportFocusScoreThreshold, skipSuccessScreen, verbiage.idCapture]);
+  }, [assets.idCapture, classNames.idCapture, colors.idCapture, debugMode, idAutoCaptureEnabled, idCaptureGuideType, idCaptureInstructions, idCapturePortraitGuidesOnMobile, idCaptureRequirement, idCaptureRotateLoadingOverlayImageWhenPortrait, idCardAutoCaptureScoreThreshold, idCardFocusScoreThreshold, mrzDetectionScoreThreshold, onExitCapture, onUserCancel, passportAutoCaptureScoreThreshold, passportFocusScoreThreshold, skipSuccessScreen, verbiage.idCapture]);
   var faceLivenessProps = React.useMemo(function () {
     return {
       onExitCapture: onExitCapture,
@@ -16915,29 +16945,31 @@ var VideoIdValidation = function VideoIdValidation(_a) {
     idCaptureGuideType = _o === void 0 ? 'fit' : _o,
     _p = _a.idCapturePortraitGuidesOnMobile,
     idCapturePortraitGuidesOnMobile = _p === void 0 ? false : _p,
+    _q = _a.idCaptureRotateLoadingOverlayImageWhenPortrait,
+    idCaptureRotateLoadingOverlayImageWhenPortrait = _q === void 0 ? true : _q,
     idCardForFaceMatch = _a.idCardForFaceMatch,
-    _q = _a.theme,
-    theme = _q === void 0 ? 'default' : _q,
-    _r = _a.assets,
-    assets = _r === void 0 ? {} : _r,
-    _s = _a.classNames,
-    classNames = _s === void 0 ? {} : _s,
-    _t = _a.colors,
-    colors = _t === void 0 ? {} : _t,
-    _u = _a.verbiage,
-    verbiage = _u === void 0 ? {} : _u,
-    _v = _a.captureSignature,
-    captureSignature = _v === void 0 ? false : _v,
-    _w = _a.captureSignatureVideo,
-    captureSignatureVideo = _w === void 0 ? false : _w,
-    _x = _a.captureAdditionalDocuments,
-    captureAdditionalDocuments = _x === void 0 ? [] : _x,
-    _y = _a.geolocationEnabled,
-    geolocationEnabled = _y === void 0 ? true : _y,
-    _z = _a.geolocationRequired,
-    geolocationRequired = _z === void 0 ? false : _z,
-    _0 = _a.debugMode,
-    debugMode = _0 === void 0 ? false : _0;
+    _r = _a.theme,
+    theme = _r === void 0 ? 'default' : _r,
+    _s = _a.assets,
+    assets = _s === void 0 ? {} : _s,
+    _t = _a.classNames,
+    classNames = _t === void 0 ? {} : _t,
+    _u = _a.colors,
+    colors = _u === void 0 ? {} : _u,
+    _v = _a.verbiage,
+    verbiage = _v === void 0 ? {} : _v,
+    _w = _a.captureSignature,
+    captureSignature = _w === void 0 ? false : _w,
+    _x = _a.captureSignatureVideo,
+    captureSignatureVideo = _x === void 0 ? false : _x,
+    _y = _a.captureAdditionalDocuments,
+    captureAdditionalDocuments = _y === void 0 ? [] : _y,
+    _z = _a.geolocationEnabled,
+    geolocationEnabled = _z === void 0 ? true : _z,
+    _0 = _a.geolocationRequired,
+    geolocationRequired = _0 === void 0 ? false : _0,
+    _1 = _a.debugMode,
+    debugMode = _1 === void 0 ? false : _1;
   useLanguage(lang);
   var videoIdCaptureProps = React.useMemo(function () {
     return {
@@ -16959,13 +16991,14 @@ var VideoIdValidation = function VideoIdValidation(_a) {
       skipShowIdCardBack: skipShowIdCardBack,
       idCaptureGuideType: idCaptureGuideType,
       idCapturePortraitGuidesOnMobile: idCapturePortraitGuidesOnMobile,
+      idCaptureRotateLoadingOverlayImageWhenPortrait: idCaptureRotateLoadingOverlayImageWhenPortrait,
       assets: assets,
       classNames: classNames,
       colors: colors,
       verbiage: verbiage,
       debugMode: debugMode
     };
-  }, [assets, classNames, colors, debugMode, faceLivenessProps, goodIdCardBackFramesThreshold, goodIdCardFrontFramesThreshold, idCaptureGuideType, idCapturePortraitGuidesOnMobile, idCaptureProps, idCardBackDetectionThreshold, idCardBackFocusThreshold, idCardFrontDetectionThreshold, idCardFrontFocusThreshold, onExitAfterFailure, onExitCapture, onUserCancel, readTextPrompt, readTextTimeoutDurationMs, skipIdCapture, skipShowIdCardBack, skipSuccessScreen, verbiage]);
+  }, [assets, classNames, colors, debugMode, faceLivenessProps, goodIdCardBackFramesThreshold, goodIdCardFrontFramesThreshold, idCaptureGuideType, idCapturePortraitGuidesOnMobile, idCaptureProps, idCaptureRotateLoadingOverlayImageWhenPortrait, idCardBackDetectionThreshold, idCardBackFocusThreshold, idCardFrontDetectionThreshold, idCardFrontFocusThreshold, onExitAfterFailure, onExitCapture, onUserCancel, readTextPrompt, readTextTimeoutDurationMs, skipIdCapture, skipShowIdCardBack, skipSuccessScreen, verbiage]);
   var additionalDocumentCaptureProps = React.useMemo(function () {
     return {
       documents: captureAdditionalDocuments,