idmission-web-sdk 1.0.247 → 1.0.249

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

@@ -102,6 +102,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 submission, giving the client application an opportunity to specify custom asynchronous logic that mutates the request before it executes. The submission request is passed in as a parameter and a promise resolving to the updated request should be returned. */
     onBeforeSubmit?: (req: SubmissionRequest) => Promise<SubmissionRequest>;
     /** Callback function that fires when the user has completed the flow instead of making a call to IDmission's servers, allowing customers to specify their own submission logic. Arguments: the request payload that would have been dispatched to IDmission's API, which contains the images/documents/video submitted by the user. Note that when this parameter is supplied, `onComplete` will never fire, and the customer will need to implement their own error handling/retry logic. Use at your own risk! */

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

@@ -99,6 +99,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 liveness check, giving the client application an opportunity to specify custom asynchronous logic that mutates the request before it executes. The liveness check request is passed in as a parameter and a promise resolving to the updated request should be returned. */
     onBeforeLivenessCheck?: (req: LivenessCheckRequest) => Promise<LivenessCheckRequest>;
     /** Callback function that fires immediately prior to submission, giving the client application an opportunity to specify custom asynchronous logic that mutates the request before it executes. The submission request is passed in as a parameter and a promise resolving to the updated request should be returned. */

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

@@ -81,6 +81,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 submission, giving the client application an opportunity to specify custom asynchronous logic that mutates the request before it executes. The submission request is passed in as a parameter and a promise resolving to the updated request should be returned. */

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

@@ -109,6 +109,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;
     /** Name of an included theme or object containing theme properties. **/
     theme?: ThemeInput;
     /** Object containing any asset overrides. */

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

@@ -50,7 +50,7 @@ var LanguageDetector__default = /*#__PURE__*/_interopDefaultLegacy(LanguageDetec
 var i18n__default = /*#__PURE__*/_interopDefaultLegacy(i18n);
 var SignatureCanvas__default = /*#__PURE__*/_interopDefaultLegacy(SignatureCanvas);
 
-var webSdkVersion = '1.0.247';
+var webSdkVersion = '1.0.249';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -10351,26 +10351,29 @@ var templateObject_1$u;
 var ContinuityCameraCheckboxContainer = styled__default['default'].div(templateObject_1$t || (templateObject_1$t = 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',
@@ -10390,6 +10393,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, {
@@ -10399,6 +10403,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, {
@@ -10414,9 +10427,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, {
@@ -11383,30 +11398,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 () {
@@ -11471,9 +11488,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) {
@@ -11516,12 +11533,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 () {
@@ -11651,7 +11668,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,
@@ -14421,25 +14439,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]);
@@ -14469,9 +14489,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);
@@ -14524,6 +14544,7 @@ var VideoIdWizard = function VideoIdWizard(_a) {
           releaseCameraAccessOnExit: false,
           guideType: idCaptureGuideType,
           portraitGuidesOnMobile: idCapturePortraitGuidesOnMobile,
+          rotateLoadingOverlayImageWhenPortrait: idCaptureRotateLoadingOverlayImageWhenPortrait,
           debugMode: debugMode
         }))));
       case 'CHECKING_LIVENESS':
@@ -15005,6 +15026,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,
     onSubmit = _a.onSubmit,
     onComplete = _a.onComplete,
@@ -15012,28 +15035,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 {
@@ -15052,13 +15075,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,
@@ -15257,6 +15281,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,
     onBeforeLivenessCheck = _a.onBeforeLivenessCheck,
     onBeforeSubmit = _a.onBeforeSubmit,
     onSubmit = _a.onSubmit,
@@ -15266,28 +15292,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 {
@@ -15308,10 +15334,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,
@@ -15453,6 +15480,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,
     onBeforeSubmit = _a.onBeforeSubmit,
     onSubmit = _a.onSubmit,
     onComplete = _a.onComplete,
@@ -15461,28 +15490,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 {
@@ -15500,12 +15529,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,
@@ -16707,28 +16737,30 @@ var VideoIdValidation = function VideoIdValidation(_a) {
     idCaptureGuideType = _o === void 0 ? 'fit' : _o,
     _p = _a.idCapturePortraitGuidesOnMobile,
     idCapturePortraitGuidesOnMobile = _p === void 0 ? false : _p,
-    _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;
+    _q = _a.idCaptureRotateLoadingOverlayImageWhenPortrait,
+    idCaptureRotateLoadingOverlayImageWhenPortrait = _q === void 0 ? true : _q,
+    _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 {
@@ -16750,13 +16782,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,