idmission-web-sdk 2.1.49 → 2.1.50

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.49';
+var webSdkVersion = '2.1.50';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -6911,8 +6911,6 @@ var GuidanceMessage = styled__default.default.div(templateObject_2$u || (templat
 });
 var templateObject_1$C, templateObject_2$u;
 
-var DEFAULT_CDN_URL = 'https://websdk-cdn-dev.idmission.com/assets';
-
 function OverrideWrongDocumentTypeGuidanceDialog(_a) {
   var _b = _a.classNames,
     classNames = _b === void 0 ? {} : _b,
@@ -6965,32 +6963,30 @@ var IdCapture = function IdCapture(_a) {
     guidanceMessage = _a.guidanceMessage,
     guidanceSatisfied = _a.guidanceSatisfied,
     onCapture = _a.onCapture,
-    _l = _a.assets,
-    assets = _l === void 0 ? {} : _l,
-    _m = _a.classNames,
-    classNames = _m === void 0 ? {} : _m,
-    _o = _a.colors,
-    colors = _o === void 0 ? {} : _o,
-    _p = _a.verbiage,
-    rawVerbiage = _p === void 0 ? {} : _p,
-    _q = _a.debugMode,
-    debugMode = _q === void 0 ? false : _q;
-  var _r = useResizeObserver__default.default(),
-    ref = _r.ref,
-    _s = _r.width,
-    width = _s === void 0 ? 1 : _s,
-    _t = _r.height,
-    height = _t === void 0 ? 1 : _t;
-  var _u = useIdCaptureState(),
-    state = _u[0],
-    dispatch = _u[1];
+    _l = _a.classNames,
+    classNames = _l === void 0 ? {} : _l,
+    _m = _a.colors,
+    colors = _m === void 0 ? {} : _m,
+    _o = _a.verbiage,
+    rawVerbiage = _o === void 0 ? {} : _o,
+    _p = _a.debugMode,
+    debugMode = _p === void 0 ? false : _p;
+  var _q = useResizeObserver__default.default(),
+    ref = _q.ref,
+    _r = _q.width,
+    width = _r === void 0 ? 1 : _r,
+    _s = _q.height,
+    height = _s === void 0 ? 1 : _s;
+  var _t = useIdCaptureState(),
+    state = _t[0],
+    dispatch = _t[1];
   var cameraRef = React.useContext(CameraStateContext).cameraRef;
-  var _v = React.useContext(IdCaptureModelsContext),
-    modelsReady = _v.ready,
-    setThresholds = _v.setThresholds,
-    detectionTime = _v.detectionTime,
-    focusPredictionTime = _v.focusPredictionTime,
-    getBestFrame = _v.getBestFrame;
+  var _u = React.useContext(IdCaptureModelsContext),
+    modelsReady = _u.ready,
+    setThresholds = _u.setThresholds,
+    detectionTime = _u.detectionTime,
+    focusPredictionTime = _u.focusPredictionTime,
+    getBestFrame = _u.getBestFrame;
   React.useEffect(function () {
     setThresholds(thresholds);
   }, [thresholds, setThresholds]);
@@ -7055,8 +7051,6 @@ var IdCapture = function IdCapture(_a) {
       });
     }, 0);
   }, [dispatch, getBestFrame, onCapture, shouldCapture, state.captureStartedAt, state.requestedDocumentType]);
-  assets.portraitGuidesImageUrl || (assets.portraitGuidesImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Front-SVG-Portrait-Borderless.svg"));
-  assets.landscapeGuidesImageUrl || (assets.landscapeGuidesImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Front-SVG-Landscape-Borderless.svg"));
   var theme = styled.useTheme();
   colors.guideBoxUnsatisfiedColor || (colors.guideBoxUnsatisfiedColor = (_d = (_c = (_b = theme.idCapture) === null || _b === void 0 ? void 0 : _b.guideBox) === null || _c === void 0 ? void 0 : _c.unsatisfiedColor) !== null && _d !== void 0 ? _d : 'white');
   colors.guideBoxSatisfiedColor || (colors.guideBoxSatisfiedColor = (_g = (_f = (_e = theme.idCapture) === null || _e === void 0 ? void 0 : _e.guideBox) === null || _f === void 0 ? void 0 : _f.satisfiedColor) !== null && _g !== void 0 ? _g : 'green');
@@ -7114,6 +7108,8 @@ var timeSince = function timeSince(t) {
   return Math.abs(new Date().getTime() - t.getTime());
 };
 
+var DEFAULT_CDN_URL = 'https://websdk-cdn-dev.idmission.com/assets';
+
 var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
   var _b;
   var _c = _a.assets,
@@ -8215,21 +8211,6 @@ function resetCanvasDimensions(canvas) {
   canvas.style.height = '0';
 }
 
-var GuideOrientationContext = /*#__PURE__*/React.createContext({
-  orientation: 'landscape',
-  wrapperWidth: 1,
-  wrapperHeight: 1,
-  wrapperAspectRatio: 0,
-  imageAspectRatio: 0,
-  wrapperRef: null,
-  setDimensions: function setDimensions() {
-    return null;
-  },
-  onImageLoaded: function onImageLoaded() {
-    return null;
-  }
-});
-
 var IdCardGuideImageContainer = styled__default.default(IdCardBorder)(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n  position: relative;\n  ", "\n  box-sizing: border-box;\n"], ["\n  position: relative;\n  ", "\n  box-sizing: border-box;\n"])), function (props) {
   return props.$isVisible ? '' : 'opacity: 0;';
 });
@@ -8388,10 +8369,114 @@ var IdCardBorderRect = styled__default.default.rect(templateObject_5$9 || (templ
 });
 var templateObject_1$u, templateObject_2$o, templateObject_3$k, templateObject_4$e, templateObject_5$9;
 
+var defaultIdCaptureGuideImages = {
+  portrait: {
+    SHOW_ID_FRONT: {
+      url: "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Front-SVG-Portrait-Borderless.svg"),
+      width: 386,
+      height: 573
+    },
+    SHOW_ID_BACK: {
+      url: "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Back-SVG-Portrait-Borderless.svg"),
+      width: 386,
+      height: 573
+    },
+    SHOW_PASSPORT: {
+      url: "".concat(DEFAULT_CDN_URL, "/Shieldout-Passport-Front-SVG-Portrait-Borderless.svg"),
+      width: 386,
+      height: 573
+    }
+  },
+  landscape: {
+    SHOW_ID_FRONT: {
+      url: "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Front-SVG-Landscape-Borderless.svg"),
+      width: 573,
+      height: 386
+    },
+    SHOW_ID_BACK: {
+      url: "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Back-SVG-Landscape-Borderless.svg"),
+      width: 573,
+      height: 386
+    },
+    SHOW_PASSPORT: {
+      url: "".concat(DEFAULT_CDN_URL, "/Shieldout-Passport-Front-SVG-Landscape-Borderless.svg"),
+      width: 573,
+      height: 386
+    }
+  }
+};
+
+function isObject(item) {
+  return !!item && typeof item === 'object' && !Array.isArray(item);
+}
+function mergeDeep(target, source) {
+  var output = Object.assign({}, target);
+  if (isObject(target) && isObject(source)) {
+    Object.keys(source).forEach(function (key) {
+      var _a, _b;
+      var keyT = key;
+      if (isObject(source[keyT])) {
+        if (!(keyT in target)) Object.assign(output, (_a = {}, _a[keyT] = source[keyT], _a));else {
+          // @ts-expect-error TS2345
+          output[keyT] = mergeDeep(target[keyT], source[keyT]);
+        }
+      } else {
+        Object.assign(output, (_b = {}, _b[keyT] = source[keyT], _b));
+      }
+    });
+  }
+  return output;
+}
+
+function useGuideImagesByUrl(images) {
+  return React.useMemo(function () {
+    return Object.fromEntries(Object.values(images).flatMap(function (v) {
+      return Object.values(v);
+    }).map(function (v) {
+      return [v.url, v];
+    }));
+  }, [images]);
+}
+
+function useGuideImages(userSuppliedImages) {
+  return React.useMemo(function () {
+    warnAboutImagesMissingDimensions(userSuppliedImages);
+    return mergeDeep(defaultIdCaptureGuideImages, userSuppliedImages);
+  }, [userSuppliedImages]);
+}
+function warnAboutImagesMissingDimensions(userSuppliedImages) {
+  Object.values(userSuppliedImages).forEach(function (images) {
+    Object.values(images).forEach(function (image) {
+      if (image.url && (!image.width || !image.height)) {
+        warn("The image ".concat(image.url, " is missing width and/or height. This will cause the image scaling issues in Safari. Please provide the width and height of the image."));
+      }
+    });
+  });
+}
+
+function useImagesWithBackToFront(userSuppliedImages, isBackToFront) {
+  var images = useGuideImages(userSuppliedImages);
+  return React.useMemo(function () {
+    if (!isBackToFront) return images;
+    var _images = structuredClone(images);
+    var temp = _images.portrait.SHOW_ID_FRONT;
+    _images.portrait.SHOW_ID_FRONT = _images.portrait.SHOW_ID_BACK;
+    _images.portrait.SHOW_ID_BACK = temp;
+    var temp2 = _images.landscape.SHOW_ID_FRONT;
+    _images.landscape.SHOW_ID_FRONT = _images.landscape.SHOW_ID_BACK;
+    _images.landscape.SHOW_ID_BACK = temp2;
+    return _images;
+  }, [images, isBackToFront]);
+}
+
+function getOrientation(allowPortraitOnMobile) {
+  return allowPortraitOnMobile && window.innerWidth < window.innerHeight ? 'portrait' : 'landscape';
+}
+
 var IdVideoCaptureFlipIdPrompt = function IdVideoCaptureFlipIdPrompt(_a) {
   var _b;
-  var _c = _a.assets,
-    assets = _c === void 0 ? {} : _c,
+  var _c = _a.idCaptureGuideImages,
+    idCaptureGuideImages = _c === void 0 ? defaultIdCaptureGuideImages : _c,
     _d = _a.classNames,
     classNames = _d === void 0 ? {} : _d,
     borderWidth = _a.borderWidth,
@@ -8399,8 +8484,6 @@ var IdVideoCaptureFlipIdPrompt = function IdVideoCaptureFlipIdPrompt(_a) {
     borderRadius = _a.borderRadius,
     imageStyle = _a.imageStyle;
   var cameraRef = React.useContext(CameraStateContext).cameraRef;
-  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 isMirrored = !((_b = cameraRef.current) === null || _b === void 0 ? void 0 : _b.isRearFacing);
   var _e = React.useState(1),
     transitionTime = _e[0],
@@ -8439,7 +8522,7 @@ var IdVideoCaptureFlipIdPrompt = function IdVideoCaptureFlipIdPrompt(_a) {
     "$transitionTime": transitionTime,
     "$isVisible": true
   }, /*#__PURE__*/React__namespace.default.createElement(IdCardGuideImage, {
-    src: assets.frontImageUrl,
+    src: idCaptureGuideImages.landscape.SHOW_ID_FRONT.url,
     className: classNames.frontImage,
     alt: "",
     style: imageStyle
@@ -8453,7 +8536,7 @@ var IdVideoCaptureFlipIdPrompt = function IdVideoCaptureFlipIdPrompt(_a) {
     "$transitionTime": transitionTime,
     "$isVisible": true
   }, /*#__PURE__*/React__namespace.default.createElement(IdCardGuideImage, {
-    src: assets.backImageUrl,
+    src: idCaptureGuideImages.landscape.SHOW_ID_BACK.url,
     className: classNames.backImage,
     alt: "",
     style: imageStyle
@@ -8466,43 +8549,84 @@ var FlipImageContainer = styled__default.default(IdCardGuideImageContainer)(temp
 });
 var templateObject_1$t;
 
+var GuideOrientationContext = /*#__PURE__*/React.createContext({
+  orientation: 'landscape',
+  wrapperWidth: 1,
+  wrapperHeight: 1,
+  wrapperAspectRatio: 0,
+  imageAspectRatio: 0,
+  wrapperRef: null,
+  setDimensions: function setDimensions() {
+    return null;
+  },
+  onImageLoaded: function onImageLoaded() {
+    return null;
+  }
+});
+function GuideOrientationContextProvider(_a) {
+  var children = _a.children;
+  var setDimensions = React.useState({
+    width: 1,
+    height: 1
+  })[1];
+  var _b = React.useState(1),
+    imageAspectRatio = _b[0],
+    setImageAspectRatio = _b[1];
+  var _c = useResizeObserver__default.default(),
+    wrapperRef = _c.ref,
+    _d = _c.width,
+    wrapperWidth = _d === void 0 ? 1 : _d,
+    _e = _c.height,
+    wrapperHeight = _e === void 0 ? 1 : _e;
+  var wrapperAspectRatio = React.useMemo(function () {
+    return wrapperWidth / wrapperHeight;
+  }, [wrapperHeight, wrapperWidth]);
+  var onImageLoaded = React.useCallback(function (e) {
+    var img = e.target;
+    setImageAspectRatio(img.naturalWidth / img.naturalHeight);
+  }, []);
+  var orientation = 'landscape'; //width > height ? 'landscape' : 'portrait'
+  var value = React.useMemo(function () {
+    return {
+      orientation: orientation,
+      wrapperWidth: wrapperWidth,
+      wrapperHeight: wrapperHeight,
+      wrapperAspectRatio: wrapperAspectRatio,
+      imageAspectRatio: imageAspectRatio,
+      setDimensions: setDimensions,
+      wrapperRef: wrapperRef,
+      onImageLoaded: onImageLoaded
+    };
+  }, [imageAspectRatio, onImageLoaded, setDimensions, wrapperAspectRatio, wrapperHeight, wrapperRef, wrapperWidth]);
+  return /*#__PURE__*/React__namespace.default.createElement(GuideOrientationContext.Provider, {
+    value: value
+  }, children);
+}
+function useGuideOrientationContext() {
+  var ctx = React.useContext(GuideOrientationContext);
+  if (!ctx) throw new Error('useGuideOrientationContext cannot be used without GuideOrientationContextProvider');
+  return ctx;
+}
+
 var FlipIdPrompt = function FlipIdPrompt(_a) {
-  // const theme = useTheme()
-  var
-    // padding: userSuppliedPadding,
-    // imagePadding: userSuppliedImagePadding,
+  var _b = _a.images,
+    images = _b === void 0 ? defaultIdCaptureGuideImages : _b,
     width = _a.width,
     height = _a.height,
-    _b = _a.borderWidth,
-    borderWidth = _b === void 0 ? 20 : _b,
-    _c = _a.borderColor,
-    borderColor = _c === void 0 ? 'white' : _c,
-    _d = _a.borderRadius,
-    borderRadius = _d === void 0 ? 25 : _d,
-    _e = _a.isMirrored,
-    isMirrored = _e === void 0 ? false : _e,
-    _f = _a.portraitGuidesOnMobile,
-    portraitGuidesOnMobile = _f === void 0 ? true : _f,
-    _g = _a.assets,
-    assets = _g === void 0 ? {} : _g,
+    _c = _a.borderWidth,
+    borderWidth = _c === void 0 ? 20 : _c,
+    _d = _a.borderColor,
+    borderColor = _d === void 0 ? 'white' : _d,
+    _e = _a.borderRadius,
+    borderRadius = _e === void 0 ? 25 : _e,
+    _f = _a.isMirrored,
+    isMirrored = _f === void 0 ? false : _f,
+    _g = _a.portraitGuidesOnMobile,
+    portraitGuidesOnMobile = _g === void 0 ? true : _g,
     _h = _a.classNames,
     classNames = _h === void 0 ? {} : _h;
-  assets.idCardFrontPortraitImageUrl || (assets.idCardFrontPortraitImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Front-SVG-Portrait-Borderless.svg"));
-  assets.idCardFrontLandscapeImageUrl || (assets.idCardFrontLandscapeImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Front-SVG-Landscape-Borderless.svg"));
-  assets.idCardBackPortraitImageUrl || (assets.idCardBackPortraitImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Back-SVG-Portrait-Borderless.svg"));
-  assets.idCardBackLandscapeImageUrl || (assets.idCardBackLandscapeImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Back-SVG-Landscape-Borderless.svg"));
-  // const instruction = useVerbiage(
-  //   verbiage.instructionText,
-  //   'Please flip your ID card...',
-  // )
-  // const padding =
-  //   (userSuppliedPadding ?? isMobile())
-  //     ? (theme.idCapture?.guideBox?.mobilePadding ?? 0)
-  //     : (theme.idCapture?.guideBox?.desktopPadding ?? 50)
-  var onImageLoaded = React.useContext(GuideOrientationContext).onImageLoaded;
-  var orientation = portraitGuidesOnMobile && window.innerWidth < window.innerHeight ? 'portrait' : 'landscape';
-  // const imagePadding =
-  //   userSuppliedImagePadding ?? theme.idCapture?.guideBox?.imagePadding ?? 0
+  var onImageLoaded = useGuideOrientationContext().onImageLoaded;
+  var orientation = getOrientation(portraitGuidesOnMobile);
   var _j = React.useState(1),
     transitionTime = _j[0],
     setTransitionTime = _j[1];
@@ -8540,10 +8664,9 @@ var FlipIdPrompt = function FlipIdPrompt(_a) {
     "$transitionTime": transitionTime,
     "$isVisible": true
   }, /*#__PURE__*/React__namespace.default.createElement(IdCardGuideImage, {
-    src: orientation === 'portrait' ? assets.idCardFrontPortraitImageUrl : assets.idCardFrontLandscapeImageUrl,
     alt: "",
+    src: images[orientation].SHOW_ID_FRONT.url,
     className: classNames.frontImage,
-    // $padding={imagePadding}
     onLoad: onImageLoaded,
     width: width,
     height: height
@@ -8557,10 +8680,9 @@ var FlipIdPrompt = function FlipIdPrompt(_a) {
     "$transitionTime": transitionTime,
     "$isVisible": true
   }, /*#__PURE__*/React__namespace.default.createElement(IdCardGuideImage, {
-    src: orientation === 'portrait' ? assets.idCardBackPortraitImageUrl : assets.idCardBackLandscapeImageUrl,
     alt: "",
+    src: images[orientation].SHOW_ID_BACK.url,
     className: classNames.backImage,
-    // $padding={imagePadding}
     width: width,
     height: height
   })));
@@ -8568,108 +8690,80 @@ var FlipIdPrompt = function FlipIdPrompt(_a) {
 
 var IdCaptureGuideOverlay = function IdCaptureGuideOverlay(_a) {
   var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-  var _p, _q, _r, _s;
-  var _t = _a.assets,
-    assets = _t === void 0 ? {} : _t,
-    _u = _a.classNames,
-    classNames = _u === void 0 ? {} : _u,
-    _v = _a.width,
-    width = _v === void 0 ? 0 : _v,
-    _w = _a.height,
-    height = _w === void 0 ? 0 : _w,
+  var _p = _a.classNames,
+    classNames = _p === void 0 ? {} : _p,
+    _q = _a.images,
+    userSuppliedImages = _q === void 0 ? defaultIdCaptureGuideImages : _q,
     userSuppliedPadding = _a.padding,
     userSuppliedImagePadding = _a.imagePadding,
-    _x = _a.imageVisible,
-    imageVisible = _x === void 0 ? true : _x,
+    _r = _a.imageVisible,
+    imageVisible = _r === void 0 ? true : _r,
     borderWidth = _a.borderWidth,
     borderColor = _a.borderColor,
-    _y = _a.idCardBorderWidth,
-    idCardBorderWidth = _y === void 0 ? '2.5%' : _y,
-    _z = _a.idCardBorderColor,
-    idCardBorderColor = _z === void 0 ? 'white' : _z,
+    _s = _a.idCardBorderWidth,
+    idCardBorderWidth = _s === void 0 ? '2.5%' : _s,
+    _t = _a.idCardBorderColor,
+    idCardBorderColor = _t === void 0 ? 'white' : _t,
     maskColor = _a.maskColor,
-    _0 = _a.isMirrored,
-    isMirrored = _0 === void 0 ? false : _0,
-    _1 = _a.isBackToFront,
-    isBackToFront = _1 === void 0 ? false : _1,
-    _2 = _a.portraitGuidesOnMobile,
-    portraitGuidesOnMobile = _2 === void 0 ? true : _2,
-    _3 = _a.instruction,
-    instruction = _3 === void 0 ? '' : _3,
-    _4 = _a.requestedAction,
-    requestedAction = _4 === void 0 ? 'SHOW_ID_FRONT' : _4,
-    _5 = _a.progress,
-    progress = _5 === void 0 ? 0 : _5,
-    _6 = _a.status,
-    status = _6 === void 0 ? 'ready' : _6,
+    _u = _a.isMirrored,
+    isMirrored = _u === void 0 ? false : _u,
+    _v = _a.isBackToFront,
+    isBackToFront = _v === void 0 ? false : _v,
+    _w = _a.portraitGuidesOnMobile,
+    portraitGuidesOnMobile = _w === void 0 ? true : _w,
+    _x = _a.instruction,
+    instruction = _x === void 0 ? '' : _x,
+    _y = _a.requestedAction,
+    requestedAction = _y === void 0 ? 'SHOW_ID_FRONT' : _y,
+    _z = _a.progress,
+    progress = _z === void 0 ? 0 : _z,
+    _0 = _a.status,
+    status = _0 === void 0 ? 'ready' : _0,
     onClick = _a.onClick;
-  var _7 = React.useContext(GuideOrientationContext),
-    wrapperRef = _7.wrapperRef,
-    wrapperWidth = _7.wrapperWidth,
-    wrapperHeight = _7.wrapperHeight,
-    imageAspectRatio = _7.imageAspectRatio,
-    wrapperAspectRatio = _7.wrapperAspectRatio,
-    guideOrientationOnImageLoaded = _7.onImageLoaded,
-    setDimensions = _7.setDimensions;
-  var _8 = useIdCaptureState(),
-    state = _8[0],
-    dispatch = _8[1];
-  function onImageLoaded(e) {
-    guideOrientationOnImageLoaded(e);
-    var img = e.target;
-    dispatch({
-      type: 'guideImageLoaded',
-      payload: {
-        width: img.naturalWidth,
-        height: img.naturalHeight
-      }
-    });
-  }
+  var _1 = useGuideOrientationContext(),
+    wrapperRef = _1.wrapperRef,
+    wrapperWidth = _1.wrapperWidth,
+    wrapperHeight = _1.wrapperHeight,
+    imageAspectRatio = _1.imageAspectRatio,
+    wrapperAspectRatio = _1.wrapperAspectRatio,
+    guideOrientationOnImageLoaded = _1.onImageLoaded,
+    setDimensions = _1.setDimensions;
+  var _2 = useIdCaptureState(),
+    state = _2[0],
+    dispatch = _2[1];
   var theme = styled.useTheme();
   if (borderWidth === undefined) borderWidth = (_d = (_c = (_b = theme.idCapture) === null || _b === void 0 ? void 0 : _b.guideBox) === null || _c === void 0 ? void 0 : _c.borderWidth) !== null && _d !== void 0 ? _d : 4;
-  if (width == 0) width = wrapperWidth;
-  if (height == 0) height = wrapperHeight;
   React.useEffect(function () {
     setDimensions({
-      width: width,
-      height: height
+      width: wrapperWidth,
+      height: wrapperHeight
     });
-  }, [height, setDimensions, width]);
+  }, [setDimensions, wrapperHeight, wrapperWidth]);
   var padding = userSuppliedPadding !== null && userSuppliedPadding !== void 0 ? userSuppliedPadding : isMobile() ? (_g = (_f = (_e = theme.idCapture) === null || _e === void 0 ? void 0 : _e.guideBox) === null || _f === void 0 ? void 0 : _f.mobilePadding) !== null && _g !== void 0 ? _g : 0 : (_k = (_j = (_h = theme.idCapture) === null || _h === void 0 ? void 0 : _h.guideBox) === null || _j === void 0 ? void 0 : _j.desktopPadding) !== null && _k !== void 0 ? _k : 50;
   var paddingAndBorderPx = padding * 2 + borderWidth * 2;
-  var images = {
-    portrait: {
-      SHOW_ID_FRONT: assets.idCardFrontPortraitImageUrl,
-      FLIP_ID: assets.idCardFrontPortraitImageUrl,
-      SHOW_ID_BACK: assets.idCardBackPortraitImageUrl,
-      SHOW_PASSPORT: assets.passportPortraitImageUrl
-    },
-    landscape: {
-      SHOW_ID_FRONT: assets.idCardFrontLandscapeImageUrl,
-      FLIP_ID: assets.idCardFrontLandscapeImageUrl,
-      SHOW_ID_BACK: assets.idCardBackLandscapeImageUrl,
-      SHOW_PASSPORT: assets.passportLandscapeImageUrl
-    }
-  };
-  if (isBackToFront) {
-    var temp = images.portrait.SHOW_ID_FRONT;
-    images.portrait.SHOW_ID_FRONT = images.portrait.SHOW_ID_BACK;
-    images.portrait.SHOW_ID_BACK = temp;
-    var temp2 = images.landscape.SHOW_ID_FRONT;
-    images.landscape.SHOW_ID_FRONT = images.landscape.SHOW_ID_BACK;
-    images.landscape.SHOW_ID_BACK = temp2;
-  }
-  var orientation = portraitGuidesOnMobile && window.innerWidth < window.innerHeight ? 'portrait' : 'landscape';
-  var imgSrc = images[orientation][requestedAction];
-  assets.flipIdPrompt || (assets.flipIdPrompt = {});
-  (_p = assets.flipIdPrompt).idCardFrontPortraitImageUrl || (_p.idCardFrontPortraitImageUrl = images.portrait.SHOW_ID_FRONT);
-  (_q = assets.flipIdPrompt).idCardFrontLandscapeImageUrl || (_q.idCardFrontLandscapeImageUrl = images.landscape.SHOW_ID_FRONT);
-  (_r = assets.flipIdPrompt).idCardBackPortraitImageUrl || (_r.idCardBackPortraitImageUrl = images.portrait.SHOW_ID_BACK);
-  (_s = assets.flipIdPrompt).idCardBackLandscapeImageUrl || (_s.idCardBackLandscapeImageUrl = images.landscape.SHOW_ID_BACK);
+  var images = useImagesWithBackToFront(userSuppliedImages, isBackToFront);
+  var imagesByUrl = useGuideImagesByUrl(images);
+  var orientation = getOrientation(portraitGuidesOnMobile);
+  var currentImage = images[orientation][requestedAction === 'FLIP_ID' ? 'SHOW_ID_FRONT' : requestedAction];
   var imagePadding = (_o = userSuppliedImagePadding !== null && userSuppliedImagePadding !== void 0 ? userSuppliedImagePadding : (_m = (_l = theme.idCapture) === null || _l === void 0 ? void 0 : _l.guideBox) === null || _m === void 0 ? void 0 : _m.imagePadding) !== null && _o !== void 0 ? _o : 50;
   var imageWidth = state.guideRectWidth - imagePadding * 2;
   var imageHeight = state.guideRectHeight - imagePadding * 2;
   var centerRegionMinWidth = imageAspectRatio >= wrapperAspectRatio ? wrapperWidth - paddingAndBorderPx : undefined;
+  var onImageLoaded = React.useCallback(function (e) {
+    var _a, _b;
+    guideOrientationOnImageLoaded(e);
+    var img = e.currentTarget;
+    var imageByUrl = imagesByUrl[img.src];
+    var width = (_a = imageByUrl === null || imageByUrl === void 0 ? void 0 : imageByUrl.width) !== null && _a !== void 0 ? _a : img.naturalWidth;
+    var height = (_b = imageByUrl === null || imageByUrl === void 0 ? void 0 : imageByUrl.height) !== null && _b !== void 0 ? _b : img.naturalHeight;
+    dispatch({
+      type: 'guideImageLoaded',
+      payload: {
+        width: width,
+        height: height
+      }
+    });
+  }, [dispatch, guideOrientationOnImageLoaded, imagesByUrl]);
   return /*#__PURE__*/React__namespace.default.createElement(StyledPageContainer, {
     ref: wrapperRef,
     onClick: onClick,
@@ -8706,8 +8800,8 @@ var IdCaptureGuideOverlay = function IdCaptureGuideOverlay(_a) {
     borderColor: idCardBorderColor,
     "$isVisible": requestedAction !== 'FLIP_ID'
   }, /*#__PURE__*/React__namespace.default.createElement(IdCardGuideImage, {
-    src: imgSrc,
     alt: "",
+    src: currentImage.url,
     onLoad: onImageLoaded,
     className: classNames.image,
     "$isInvisible": !imageVisible,
@@ -8715,11 +8809,11 @@ var IdCaptureGuideOverlay = function IdCaptureGuideOverlay(_a) {
     width: imageWidth,
     height: imageHeight
   })), requestedAction === 'FLIP_ID' && ( /*#__PURE__*/React__namespace.default.createElement(FlipIdPrompt, {
+    images: images,
     borderWidth: idCardBorderWidth,
     borderColor: idCardBorderColor,
     portraitGuidesOnMobile: portraitGuidesOnMobile,
     isMirrored: isMirrored,
-    assets: assets.flipIdPrompt,
     classNames: classNames.flipIdPrompt,
     width: imageWidth,
     height: imageHeight
@@ -8757,7 +8851,7 @@ var GuideRegion = styled__default.default.div(templateObject_4$d || (templateObj
   return props.$minHeight ? "min-height: ".concat(props.$minHeight, "px;") : "";
 });
 var Spacer = styled__default.default(GuideRegion)(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject(["\n  display: block;\n  width: auto;\n"], ["\n  display: block;\n  width: auto;\n"])));
-var GuideCenterRegion = styled__default.default.div(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n  ", "\n  ", "\n  box-sizing: border-box;\n  display: flex;\n  flex: 1;\n  max-height: 100%;\n  height: 100%;\n"], ["\n  ", "\n  ", "\n  box-sizing: border-box;\n  display: flex;\n  flex: 1;\n  max-height: 100%;\n  height: 100%;\n"])), function (props) {
+var GuideCenterRegion = styled__default.default.div(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n  ", "\n  ", "\n    box-sizing: border-box;\n  display: flex;\n  flex: 1;\n  max-height: 100%;\n  height: 100%;\n"], ["\n  ", "\n  ", "\n    box-sizing: border-box;\n  display: flex;\n  flex: 1;\n  max-height: 100%;\n  height: 100%;\n"])), function (props) {
   return props.$minWidth ? "min-width: ".concat(props.$minWidth, "px;") : "";
 }, function (props) {
   return props.$isMirrored ? 'transform: scaleX(-1);' : '';
@@ -8795,8 +8889,8 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
     status = _u === void 0 ? 'ready' : _u,
     _v = _a.progress,
     progress = _v === void 0 ? 0 : _v,
-    _w = _a.assets,
-    assets = _w === void 0 ? {} : _w,
+    _w = _a.images,
+    images = _w === void 0 ? defaultIdCaptureGuideImages : _w,
     _x = _a.classNames,
     classNames = _x === void 0 ? {} : _x;
   var _y = useIdCaptureState(),
@@ -8905,7 +8999,7 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
     isBackToFront: isBackToFront,
     portraitGuidesOnMobile: portraitGuidesOnMobile,
     instruction: instruction,
-    assets: assets,
+    images: images,
     classNames: classNames,
     imageVisible: imageVisible,
     requestedAction: requestedAction,
@@ -8933,8 +9027,8 @@ function IdCaptureGuides(_a) {
     requestedAction = _h === void 0 ? 'SHOW_ID_FRONT' : _h,
     _j = _a.isBackToFront,
     isBackToFront = _j === void 0 ? false : _j,
-    _k = _a.assets,
-    assets = _k === void 0 ? {} : _k,
+    _k = _a.images,
+    images = _k === void 0 ? defaultIdCaptureGuideImages : _k,
     _l = _a.classNames,
     classNames = _l === void 0 ? {} : _l,
     _m = _a.colors,
@@ -8949,10 +9043,8 @@ function IdCaptureGuides(_a) {
     captureFailedText: 'Capture failed!'
   });
   return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, guideType === 'overlay' && ( /*#__PURE__*/React__namespace.default.createElement(IdCaptureGuideOverlay, {
-    assets: assets,
+    images: images,
     classNames: classNames,
-    width: state.pageWidth,
-    height: state.pageHeight,
     status: status,
     progress: progress,
     instruction: state.captureFailed ? verbiage.captureFailedText : state.capturing ? verbiage === null || verbiage === void 0 ? void 0 : verbiage.capturingText : verbiage.instructionText,
@@ -8960,7 +9052,7 @@ function IdCaptureGuides(_a) {
     borderColor: state.isGoodFrame ? colors.guideBoxSatisfiedColor : colors.guideBoxUnsatisfiedColor,
     imageVisible: requestedAction === 'FLIP_ID' || !state.idCardFrontDetectionThresholdMet || !state.documentInBounds || state.documentTooClose
   })), guideType === 'fit' && ( /*#__PURE__*/React__namespace.default.createElement(IdCaptureFitGuide, {
-    assets: assets,
+    images: images,
     classNames: classNames,
     requestedAction: requestedAction,
     status: status,
@@ -9930,76 +10022,77 @@ function ScalingCameraFeed() {
 
 var IdCaptureWizard = function IdCaptureWizard(_a) {
   var _b, _c, _d, _e, _f, _g;
-  var _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
   var onSuccess = _a.onSuccess,
     onExitCapture = _a.onExitCapture,
     onUserCancel = _a.onUserCancel,
-    _0 = _a.loadingOverlayMode,
-    loadingOverlayMode = _0 === void 0 ? 'default' : _0,
+    _h = _a.loadingOverlayMode,
+    loadingOverlayMode = _h === void 0 ? 'default' : _h,
     customOverlayContent = _a.customOverlayContent,
     onCustomOverlyDismissed = _a.onCustomOverlyDismissed,
     precapturedDocuments = _a.precapturedDocuments,
-    _1 = _a.captureRequirement,
-    captureRequirement = _1 === void 0 ? 'idCardOrPassport' : _1,
-    _2 = _a.separateIdCardCaptureSequence,
-    separateIdCardCaptureSequence = _2 === void 0 ? false : _2,
-    _3 = _a.thresholds,
-    thresholds = _3 === void 0 ? defaultIdCaptureThresholds : _3,
-    _4 = _a.skipSuccessScreen,
-    skipSuccessScreen = _4 === void 0 ? false : _4,
+    _j = _a.captureRequirement,
+    captureRequirement = _j === void 0 ? 'idCardOrPassport' : _j,
+    _k = _a.separateIdCardCaptureSequence,
+    separateIdCardCaptureSequence = _k === void 0 ? false : _k,
+    _l = _a.thresholds,
+    thresholds = _l === void 0 ? defaultIdCaptureThresholds : _l,
+    _m = _a.skipSuccessScreen,
+    skipSuccessScreen = _m === void 0 ? false : _m,
     instructions = _a.instructions,
-    _5 = _a.releaseCameraAccessOnExit,
-    releaseCameraAccessOnExit = _5 === void 0 ? true : _5,
-    _6 = _a.guideType,
-    guideType = _6 === void 0 ? 'fit' : _6,
-    _7 = _a.portraitGuidesOnMobile,
-    portraitGuidesOnMobile = _7 === void 0 ? true : _7,
-    _8 = _a.rotateLoadingOverlayImageWhenPortrait,
-    rotateLoadingOverlayImageWhenPortrait = _8 === void 0 ? true : _8,
-    _9 = _a.silentFallback,
-    silentFallback = _9 === void 0 ? false : _9,
-    _10 = _a.forceFallbackMode,
-    forceFallbackMode = _10 === void 0 ? false : _10,
-    _11 = _a.allowIdCardBackToFrontCapture,
-    allowIdCardBackToFrontCapture = _11 === void 0 ? false : _11,
-    _12 = _a.enableOverrideWrongDocumentTypeDialog,
-    enableOverrideWrongDocumentTypeDialog = _12 === void 0 ? false : _12,
-    _13 = _a.allowOverrideWrongDocumentTypeAfterMs,
-    allowOverrideWrongDocumentTypeAfterMs = _13 === void 0 ? 8000 : _13,
-    _14 = _a.assets,
-    assets = _14 === void 0 ? {} : _14,
-    _15 = _a.classNames,
-    classNames = _15 === void 0 ? {} : _15,
-    _16 = _a.colors,
-    colors = _16 === void 0 ? {} : _16,
-    _17 = _a.verbiage,
-    verbiage = _17 === void 0 ? {} : _17,
-    _18 = _a.debugMode,
-    debugMode = _18 === void 0 ? false : _18;
-  var _19 = useIdCaptureState(),
-    state = _19[0],
-    dispatch = _19[1];
-  var _20 = React.useContext(CameraStateContext),
-    cameraAccessDenied = _20.cameraAccessDenied,
-    requestCameraAccess = _20.requestCameraAccess,
-    releaseCameraAccess = _20.releaseCameraAccess;
-  var _21 = React.useState(false),
-    overlayDismissed = _21[0],
-    setOverlayDismissed = _21[1];
-  var _22 = React.useContext(SubmissionContext),
-    submissionStatus = _22.submissionStatus,
-    setIdFrontImage = _22.setIdFrontImage,
-    setIdBackImage = _22.setIdBackImage,
-    setPassportImage = _22.setPassportImage,
-    logIdFrontCaptureAttempt = _22.logIdFrontCaptureAttempt,
-    logIdBackCaptureAttempt = _22.logIdBackCaptureAttempt;
-  var _23 = React.useContext(IdCaptureModelsContext),
-    start = _23.start,
-    stop = _23.stop,
-    onPredictionMade = _23.onPredictionMade,
-    setRequiredDocumentType = _23.setRequiredDocumentType,
-    modelError = _23.modelError,
-    resetBestFrame = _23.resetBestFrame;
+    _o = _a.releaseCameraAccessOnExit,
+    releaseCameraAccessOnExit = _o === void 0 ? true : _o,
+    _p = _a.guideType,
+    guideType = _p === void 0 ? 'fit' : _p,
+    _q = _a.portraitGuidesOnMobile,
+    portraitGuidesOnMobile = _q === void 0 ? true : _q,
+    _r = _a.rotateLoadingOverlayImageWhenPortrait,
+    rotateLoadingOverlayImageWhenPortrait = _r === void 0 ? true : _r,
+    _s = _a.silentFallback,
+    silentFallback = _s === void 0 ? false : _s,
+    _t = _a.forceFallbackMode,
+    forceFallbackMode = _t === void 0 ? false : _t,
+    _u = _a.allowIdCardBackToFrontCapture,
+    allowIdCardBackToFrontCapture = _u === void 0 ? false : _u,
+    _v = _a.enableOverrideWrongDocumentTypeDialog,
+    enableOverrideWrongDocumentTypeDialog = _v === void 0 ? false : _v,
+    _w = _a.allowOverrideWrongDocumentTypeAfterMs,
+    allowOverrideWrongDocumentTypeAfterMs = _w === void 0 ? 8000 : _w,
+    _x = _a.guideImages,
+    guideImages = _x === void 0 ? defaultIdCaptureGuideImages : _x,
+    _y = _a.assets,
+    assets = _y === void 0 ? {} : _y,
+    _z = _a.classNames,
+    classNames = _z === void 0 ? {} : _z,
+    _0 = _a.colors,
+    colors = _0 === void 0 ? {} : _0,
+    _1 = _a.verbiage,
+    verbiage = _1 === void 0 ? {} : _1,
+    _2 = _a.debugMode,
+    debugMode = _2 === void 0 ? false : _2;
+  var _3 = useIdCaptureState(),
+    state = _3[0],
+    dispatch = _3[1];
+  var _4 = React.useContext(CameraStateContext),
+    cameraAccessDenied = _4.cameraAccessDenied,
+    requestCameraAccess = _4.requestCameraAccess,
+    releaseCameraAccess = _4.releaseCameraAccess;
+  var _5 = React.useState(false),
+    overlayDismissed = _5[0],
+    setOverlayDismissed = _5[1];
+  var _6 = React.useContext(SubmissionContext),
+    submissionStatus = _6.submissionStatus,
+    setIdFrontImage = _6.setIdFrontImage,
+    setIdBackImage = _6.setIdBackImage,
+    setPassportImage = _6.setPassportImage,
+    logIdFrontCaptureAttempt = _6.logIdFrontCaptureAttempt,
+    logIdBackCaptureAttempt = _6.logIdBackCaptureAttempt;
+  var _7 = React.useContext(IdCaptureModelsContext),
+    start = _7.start,
+    stop = _7.stop,
+    onPredictionMade = _7.onPredictionMade,
+    setRequiredDocumentType = _7.setRequiredDocumentType,
+    modelError = _7.modelError,
+    resetBestFrame = _7.resetBestFrame;
   React.useEffect(function () {
     dispatch({
       type: 'configureWizard',
@@ -10091,9 +10184,9 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
       type: 'resetWizard'
     });
   }, [dispatch]);
-  var _24 = React.useState(0),
-    attempt = _24[0],
-    setAttempt = _24[1];
+  var _8 = React.useState(0),
+    attempt = _8[0],
+    setAttempt = _8[1];
   var onExit = React.useCallback(function () {
     releaseCameraAccess();
     setOverlayDismissed(false);
@@ -10119,27 +10212,6 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
       });
     }
   }, [cameraAccessDenied]);
-  assets.idCardFront || (assets.idCardFront = {});
-  (_h = assets.idCardFront).portraitGuidesImageUrl || (_h.portraitGuidesImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Front-SVG-Portrait-Borderless.svg"));
-  (_j = assets.idCardFront).landscapeGuidesImageUrl || (_j.landscapeGuidesImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Front-SVG-Landscape-Borderless.svg"));
-  assets.idCardBack || (assets.idCardBack = {});
-  (_k = assets.idCardBack).portraitGuidesImageUrl || (_k.portraitGuidesImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Back-SVG-Portrait-Borderless.svg"));
-  (_l = assets.idCardBack).landscapeGuidesImageUrl || (_l.landscapeGuidesImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Back-SVG-Landscape-Borderless.svg"));
-  assets.passport || (assets.passport = {});
-  (_m = assets.passport).portraitGuidesImageUrl || (_m.portraitGuidesImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-Passport-Front-SVG-Portrait-2.svg"));
-  (_o = assets.passport).landscapeGuidesImageUrl || (_o.landscapeGuidesImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-Passport-Front-SVG-Landscape-2.svg"));
-  assets.guides || (assets.guides = {});
-  (_p = assets.guides).idCardFrontPortraitImageUrl || (_p.idCardFrontPortraitImageUrl = assets.idCardFront.portraitGuidesImageUrl);
-  (_q = assets.guides).idCardFrontLandscapeImageUrl || (_q.idCardFrontLandscapeImageUrl = assets.idCardFront.landscapeGuidesImageUrl);
-  (_r = assets.guides).idCardBackPortraitImageUrl || (_r.idCardBackPortraitImageUrl = assets.idCardBack.portraitGuidesImageUrl);
-  (_s = assets.guides).idCardBackLandscapeImageUrl || (_s.idCardBackLandscapeImageUrl = assets.idCardBack.landscapeGuidesImageUrl);
-  (_t = assets.guides).passportPortraitImageUrl || (_t.passportPortraitImageUrl = assets.passport.portraitGuidesImageUrl);
-  (_u = assets.guides).passportLandscapeImageUrl || (_u.passportLandscapeImageUrl = assets.passport.landscapeGuidesImageUrl);
-  (_v = assets.guides).flipIdPrompt || (_v.flipIdPrompt = {});
-  (_w = assets.guides.flipIdPrompt).idCardFrontPortraitImageUrl || (_w.idCardFrontPortraitImageUrl = assets.idCardFront.portraitGuidesImageUrl);
-  (_x = assets.guides.flipIdPrompt).idCardFrontLandscapeImageUrl || (_x.idCardFrontLandscapeImageUrl = assets.idCardFront.landscapeGuidesImageUrl);
-  (_y = assets.guides.flipIdPrompt).idCardBackPortraitImageUrl || (_y.idCardBackPortraitImageUrl = assets.idCardBack.portraitGuidesImageUrl);
-  (_z = assets.guides.flipIdPrompt).idCardBackLandscapeImageUrl || (_z.idCardBackLandscapeImageUrl = assets.idCardBack.landscapeGuidesImageUrl);
   var idCaptureVerbiages = {
     idCardFront: useTranslations(verbiage.idCardFront, {
       instructionText: 'Scan the front of ID',
@@ -10153,7 +10225,6 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
     })
   };
   var theme = styled.useTheme();
-  var idCaptureAssets = assets[state.requestedDocumentType];
   var idCaptureVerbiage = idCaptureVerbiages[state.requestedDocumentType];
   React.useEffect(function () {
     if (separateIdCardCaptureSequence) return;
@@ -10206,9 +10277,9 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
       });
     });
   }, [dispatch]);
-  var _25 = React.useState(false),
-    progressStarted = _25[0],
-    setProgressStarted = _25[1];
+  var _9 = React.useState(false),
+    progressStarted = _9[0],
+    setProgressStarted = _9[1];
   React.useEffect(function () {
     if (state.captureState === 'capturing') {
       setProgressStarted(false);
@@ -10238,7 +10309,6 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
     requiredDocumentType: state.requestedDocumentType,
     thresholds: thresholds,
     onCapture: onCapture,
-    assets: idCaptureAssets,
     classNames: classNames === null || classNames === void 0 ? void 0 : classNames.capture,
     colors: colors,
     verbiage: idCaptureVerbiage,
@@ -10250,7 +10320,7 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
     progress: progressStarted && state.captureState === 'capturing' ? 1 : 0,
     portraitGuidesOnMobile: portraitGuidesOnMobile,
     requestedAction: requestedAction,
-    assets: assets.guides,
+    images: guideImages,
     classNames: classNames.guides,
     colors: colors,
     verbiage: idCaptureVerbiage,
@@ -12411,42 +12481,6 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
   }));
 };
 
-var GuideOrientationProvider = function GuideOrientationProvider(_a) {
-  var children = _a.children;
-  var setDimensions = React.useState({
-    width: 1,
-    height: 1
-  })[1];
-  var _b = React.useState(1),
-    imageAspectRatio = _b[0],
-    setImageAspectRatio = _b[1];
-  var _c = useResizeObserver__default.default(),
-    wrapperRef = _c.ref,
-    _d = _c.width,
-    wrapperWidth = _d === void 0 ? 1 : _d,
-    _e = _c.height,
-    wrapperHeight = _e === void 0 ? 1 : _e;
-  var wrapperAspectRatio = wrapperWidth / wrapperHeight;
-  var onImageLoaded = React.useCallback(function (e) {
-    var img = e.target;
-    setImageAspectRatio(img.naturalWidth / img.naturalHeight);
-  }, []);
-  var orientation = 'landscape'; //width > height ? 'landscape' : 'portrait'
-  var value = {
-    orientation: orientation,
-    wrapperWidth: wrapperWidth,
-    wrapperHeight: wrapperHeight,
-    wrapperAspectRatio: wrapperAspectRatio,
-    imageAspectRatio: imageAspectRatio,
-    setDimensions: setDimensions,
-    wrapperRef: wrapperRef,
-    onImageLoaded: onImageLoaded
-  };
-  return /*#__PURE__*/React__namespace.default.createElement(GuideOrientationContext.Provider, {
-    value: value
-  }, children);
-};
-
 var SubmissionSuccess = function SubmissionSuccess() {
   var _a = React.useContext(SubmissionContext),
     submissionRequest = _a.submissionRequest,
@@ -13546,15 +13580,13 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
     idCardGuideBorderColor = _a.idCardGuideBorderColor,
     _2 = _a.idCardCaptureProgress,
     idCardCaptureProgress = _2 === void 0 ? 0 : _2,
-    _3 = _a.assets,
-    assets = _3 === void 0 ? {} : _3,
+    _3 = _a.idCardCaptureGuideImages,
+    userSuppliedImages = _3 === void 0 ? defaultIdCaptureGuideImages : _3,
     _4 = _a.classNames,
     classNames = _4 === void 0 ? {} : _4,
     _5 = _a.verbiage,
     rawVerbiage = _5 === void 0 ? {} : _5;
   var cameraRef = React.useContext(CameraStateContext).cameraRef;
-  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, {
     idFrontInstructionText: 'Display the front of your ID card...',
     idBackInstructionText: 'Display the back of your ID card...',
@@ -13573,14 +13605,19 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
     idCardGuideWidth = _7 === void 0 ? 0 : _7,
     _8 = _6.height,
     idCardGuideHeight = _8 === void 0 ? 0 : _8;
+  var idCaptureGuideImages = useGuideImages(userSuppliedImages);
+  var idCaptureGuideImagesByUrl = useGuideImagesByUrl(idCaptureGuideImages);
   var _9 = React.useState(undefined),
     aspectRatio = _9[0],
     setAspectRatio = _9[1];
-  function onImageLoaded(e) {
-    var _a;
+  var onImageLoaded = React.useCallback(function (e) {
+    var _a, _b, _c, _d;
     var img = e.currentTarget;
-    setAspectRatio(((_a = img.naturalHeight) !== null && _a !== void 0 ? _a : 0) > 0 ? img.naturalWidth / img.naturalHeight : undefined);
-  }
+    var imageByUrl = idCaptureGuideImagesByUrl[img.src];
+    var naturalWidth = (_b = (_a = imageByUrl === null || imageByUrl === void 0 ? void 0 : imageByUrl.width) !== null && _a !== void 0 ? _a : img.naturalWidth) !== null && _b !== void 0 ? _b : 0;
+    var naturalHeight = (_d = (_c = imageByUrl === null || imageByUrl === void 0 ? void 0 : imageByUrl.height) !== null && _c !== void 0 ? _c : img.naturalHeight) !== null && _d !== void 0 ? _d : 0;
+    setAspectRatio(naturalHeight > 0 ? naturalWidth / naturalHeight : undefined);
+  }, [idCaptureGuideImagesByUrl]);
   var idCardImageStyle = React.useMemo(function () {
     return {
       maxWidth: idCardGuideWidth > 0 ? idCardGuideWidth : undefined,
@@ -13620,10 +13657,10 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
     className: classNames.idCardGuideImage,
     "$isMirrored": !((_t = cameraRef.current) === null || _t === void 0 ? void 0 : _t.isRearFacing),
     style: idCardImageStyle,
-    src: requestedAction === 'SHOW_ID_BACK' ? assets.backImageUrl : assets.frontImageUrl,
+    src: requestedAction === 'SHOW_ID_BACK' ? idCaptureGuideImages.landscape.SHOW_ID_BACK.url : idCaptureGuideImages.landscape.SHOW_ID_FRONT.url,
     onLoad: onImageLoaded
   })), requestedAction === 'FLIP_ID' && ( /*#__PURE__*/React__namespace.default.createElement(IdVideoCaptureFlipIdPrompt, {
-    assets: assets,
+    idCaptureGuideImages: idCaptureGuideImages,
     classNames: classNames.flipIdPrompt,
     borderWidth: idCardGuideBorderWidth,
     borderColor: idCardGuideBorderColor,
@@ -13786,27 +13823,27 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     onExitCapture = _a.onExitCapture,
     _y = _a.idCaptureModelsEnabled,
     idCaptureModelsEnabled = _y === void 0 ? true : _y,
-    _z = _a.idCardFrontDelay,
-    idCardFrontDelay = _z === void 0 ? 1000 : _z,
-    _0 = _a.videoIdCaptureThresholds,
-    videoIdCaptureThresholds = _0 === void 0 ? defaultVideoIdCaptureThresholds : _0,
-    _1 = _a.skipShowIdCardBack,
-    skipShowIdCardBack = _1 === void 0 ? false : _1,
-    _2 = _a.captureCountdownSeconds,
-    captureCountdownSeconds = _2 === void 0 ? 3 : _2,
+    _z = _a.idCardCaptureGuideImages,
+    idCardCaptureGuideImages = _z === void 0 ? defaultIdCaptureGuideImages : _z,
+    _0 = _a.idCardFrontDelay,
+    idCardFrontDelay = _0 === void 0 ? 1000 : _0,
+    _1 = _a.videoIdCaptureThresholds,
+    videoIdCaptureThresholds = _1 === void 0 ? defaultVideoIdCaptureThresholds : _1,
+    _2 = _a.skipShowIdCardBack,
+    skipShowIdCardBack = _2 === void 0 ? false : _2,
+    _3 = _a.captureCountdownSeconds,
+    captureCountdownSeconds = _3 === void 0 ? 3 : _3,
     readTextPrompt = _a.readTextPrompt,
-    _3 = _a.readTextTimeoutDurationMs,
-    readTextTimeoutDurationMs = _3 === void 0 ? 15000 : _3,
-    _4 = _a.readTextMinReadingMs,
-    readTextMinReadingMs = _4 === void 0 ? 10000 : _4,
-    _5 = _a.disableFaceDetectionWhileAudioCapture,
-    disableFaceDetectionWhileAudioCapture = _5 === void 0 ? false : _5,
-    _6 = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
-    disableFaceDetectionWhileAudioCaptureMsDelay = _6 === void 0 ? 2000 : _6,
-    _7 = _a.mergeAVStreams,
-    mergeAVStreams = _7 === void 0 ? false : _7,
-    _8 = _a.assets,
-    assets = _8 === void 0 ? {} : _8,
+    _4 = _a.readTextTimeoutDurationMs,
+    readTextTimeoutDurationMs = _4 === void 0 ? 15000 : _4,
+    _5 = _a.readTextMinReadingMs,
+    readTextMinReadingMs = _5 === void 0 ? 10000 : _5,
+    _6 = _a.disableFaceDetectionWhileAudioCapture,
+    disableFaceDetectionWhileAudioCapture = _6 === void 0 ? false : _6,
+    _7 = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
+    disableFaceDetectionWhileAudioCaptureMsDelay = _7 === void 0 ? 2000 : _7,
+    _8 = _a.mergeAVStreams,
+    mergeAVStreams = _8 === void 0 ? false : _8,
     _9 = _a.classNames,
     classNames = _9 === void 0 ? {} : _9,
     _10 = _a.colors,
@@ -14125,13 +14162,13 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     verbiage: rawVerbiage.readTextPrompt,
     onComplete: stopRecording
   })) : ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(IdVideoCaptureGuides, {
-    assets: assets.guides,
     classNames: classNames.guides,
     verbiage: rawVerbiage.guides,
     requestedAction: requestedAction,
     satisfied: satisfied,
     idCardGuideStatus: countdownStartedAt ? 'capturing' : 'ready',
     idCardCaptureProgress: countdownStartedAt ? 1 : 0,
+    idCardCaptureGuideImages: idCardCaptureGuideImages,
     faceGuideBorderColor: satisfied ? colors.guidesSatisfiedColor : colors.guidesUnsatisfiedColor,
     idCardGuideBorderColor: satisfied ? colors.guidesSatisfiedColor : colors.guidesUnsatisfiedColor
   }), debugMode && capturingId && ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(ObjectDetectionDebugOverlayDiv, {
@@ -14301,7 +14338,7 @@ var AssetSelectorOption = styled__default.default.div(templateObject_3$4 || (tem
 var templateObject_1$4, templateObject_2$4, templateObject_3$4;
 
 var VideoIdWizard = function VideoIdWizard(_a) {
-  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+  var _b, _c, _d, _e, _f, _g, _h, _j, _k;
   var onComplete = _a.onComplete,
     onExitCapture = _a.onExitCapture,
     onExitAfterFailure = _a.onExitAfterFailure,
@@ -14309,29 +14346,31 @@ var VideoIdWizard = function VideoIdWizard(_a) {
     onIdCaptureModelError = _a.onIdCaptureModelError,
     onCameraAccessDenied = _a.onCameraAccessDenied,
     onMicrophoneAccessDenied = _a.onMicrophoneAccessDenied,
-    _m = _a.idCaptureProps,
-    idCaptureProps = _m === void 0 ? {} : _m,
-    _o = _a.faceLivenessProps,
-    faceLivenessProps = _o === void 0 ? {} : _o,
-    _p = _a.idCaptureModelsEnabled,
-    idCaptureModelsEnabled = _p === void 0 ? true : _p,
-    _q = _a.videoIdCaptureThresholds,
-    videoIdCaptureThresholds = _q === void 0 ? defaultVideoIdCaptureThresholds : _q,
+    _l = _a.idCaptureProps,
+    idCaptureProps = _l === void 0 ? {} : _l,
+    _m = _a.faceLivenessProps,
+    faceLivenessProps = _m === void 0 ? {} : _m,
+    _o = _a.idCaptureModelsEnabled,
+    idCaptureModelsEnabled = _o === void 0 ? true : _o,
+    _p = _a.videoIdCaptureThresholds,
+    videoIdCaptureThresholds = _p === void 0 ? defaultVideoIdCaptureThresholds : _p,
     readTextPrompt = _a.readTextPrompt,
     readTextTimeoutDurationMs = _a.readTextTimeoutDurationMs,
     readTextMinReadingMs = _a.readTextMinReadingMs,
-    _r = _a.skipIdCapture,
-    skipIdCapture = _r === void 0 ? false : _r,
-    _s = _a.skipShowIdCardBack,
-    skipShowIdCardBack = _s === void 0 ? false : _s,
-    _t = _a.skipSuccessScreen,
-    skipSuccessScreen = _t === void 0 ? false : _t,
-    _u = _a.idCaptureLoadingOverlayMode,
-    idCaptureLoadingOverlayMode = _u === void 0 ? 'default' : _u,
+    _q = _a.skipIdCapture,
+    skipIdCapture = _q === void 0 ? false : _q,
+    _r = _a.skipShowIdCardBack,
+    skipShowIdCardBack = _r === void 0 ? false : _r,
+    _s = _a.skipSuccessScreen,
+    skipSuccessScreen = _s === void 0 ? false : _s,
+    _t = _a.idCaptureLoadingOverlayMode,
+    idCaptureLoadingOverlayMode = _t === void 0 ? 'default' : _t,
     customOverlayContent = _a.customOverlayContent,
     onCustomOverlyDismissed = _a.onCustomOverlyDismissed,
-    _v = _a.idCaptureGuideType,
-    idCaptureGuideType = _v === void 0 ? 'fit' : _v,
+    _u = _a.idCaptureGuideType,
+    idCaptureGuideType = _u === void 0 ? 'fit' : _u,
+    _v = _a.idCaptureGuideImages,
+    idCaptureGuideImages = _v === void 0 ? defaultIdCaptureGuideImages : _v,
     _w = _a.idCapturePortraitGuidesOnMobile,
     idCapturePortraitGuidesOnMobile = _w === void 0 ? true : _w,
     _x = _a.idCaptureRotateLoadingOverlayImageWhenPortrait,
@@ -14435,18 +14474,18 @@ var VideoIdWizard = function VideoIdWizard(_a) {
     onExitCapture === null || onExitCapture === void 0 ? void 0 : onExitCapture();
   }, [onExitCapture]);
   var faceLivenessGuides = React.useCallback(function (_a) {
-    var _b, _c, _d, _e, _f;
+    var _b, _c, _d, _e;
     var status = _a.status;
     return /*#__PURE__*/React__namespace.default.createElement(IdVideoCaptureGuides, {
-      assets: (_b = assets.idVideoCapture) === null || _b === void 0 ? void 0 : _b.guides,
-      classNames: (_c = classNames.idVideoCapture) === null || _c === void 0 ? void 0 : _c.guides,
-      verbiage: (_d = verbiage.idVideoCapture) === null || _d === void 0 ? void 0 : _d.guides,
+      idCardCaptureGuideImages: idCaptureGuideImages,
+      classNames: (_b = classNames.idVideoCapture) === null || _b === void 0 ? void 0 : _b.guides,
+      verbiage: (_c = verbiage.idVideoCapture) === null || _c === void 0 ? void 0 : _c.guides,
       requestedAction: "VERIFY_LIVENESS",
       faceGuideStatus: status,
-      faceGuideBorderColor: status === 'success' ? (_e = colors.idVideoCapture) === null || _e === void 0 ? void 0 : _e.guidesSatisfiedColor : (_f = colors.idVideoCapture) === null || _f === void 0 ? void 0 : _f.guidesUnsatisfiedColor,
+      faceGuideBorderColor: status === 'success' ? (_d = colors.idVideoCapture) === null || _d === void 0 ? void 0 : _d.guidesSatisfiedColor : (_e = colors.idVideoCapture) === null || _e === void 0 ? void 0 : _e.guidesUnsatisfiedColor,
       idCardGuideStatus: "disabled"
     });
-  }, [(_b = assets.idVideoCapture) === null || _b === void 0 ? void 0 : _b.guides, (_c = classNames.idVideoCapture) === null || _c === void 0 ? void 0 : _c.guides, (_d = colors.idVideoCapture) === null || _d === void 0 ? void 0 : _d.guidesSatisfiedColor, (_e = colors.idVideoCapture) === null || _e === void 0 ? void 0 : _e.guidesUnsatisfiedColor, (_f = verbiage.idVideoCapture) === null || _f === void 0 ? void 0 : _f.guides]);
+  }, [(_b = classNames.idVideoCapture) === null || _b === void 0 ? void 0 : _b.guides, (_c = colors.idVideoCapture) === null || _c === void 0 ? void 0 : _c.guidesSatisfiedColor, (_d = colors.idVideoCapture) === null || _d === void 0 ? void 0 : _d.guidesUnsatisfiedColor, idCaptureGuideImages, (_e = verbiage.idVideoCapture) === null || _e === void 0 ? void 0 : _e.guides]);
   if (submissionStatus === SubmissionStatus.SUBMITTING) {
     return /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
       className: "flex"
@@ -14464,8 +14503,8 @@ var VideoIdWizard = function VideoIdWizard(_a) {
     debugMode: debugMode
   }, /*#__PURE__*/React__namespace.default.createElement(IdCaptureModelsProvider, {
     autoStart: false,
-    documentDetectionModelUrl: (_h = (_g = idCaptureProps.assets) === null || _g === void 0 ? void 0 : _g.documentDetectionModelUrl) !== null && _h !== void 0 ? _h : '',
-    focusModelUrl: (_k = (_j = idCaptureProps.assets) === null || _j === void 0 ? void 0 : _j.focusModelUrl) !== null && _k !== void 0 ? _k : '',
+    documentDetectionModelUrl: (_g = (_f = idCaptureProps.assets) === null || _f === void 0 ? void 0 : _f.documentDetectionModelUrl) !== null && _g !== void 0 ? _g : '',
+    focusModelUrl: (_j = (_h = idCaptureProps.assets) === null || _h === void 0 ? void 0 : _h.focusModelUrl) !== null && _j !== void 0 ? _j : '',
     onModelError: onIdCaptureModelError,
     modelLoadTimeoutMs: idCaptureModelLoadTimeoutMs
   }, /*#__PURE__*/React__namespace.default.createElement(SelfieGuidanceModelsProvider, {
@@ -14473,18 +14512,19 @@ var VideoIdWizard = function VideoIdWizard(_a) {
     onModelError: faceLivenessProps === null || faceLivenessProps === void 0 ? void 0 : faceLivenessProps.onModelError,
     modelLoadTimeoutMs: faceLivenessProps === null || faceLivenessProps === void 0 ? void 0 : faceLivenessProps.modelLoadTimeoutMs
   }, /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
-    className: "flex ".concat((_l = classNames.container) !== null && _l !== void 0 ? _l : '')
+    className: "flex ".concat((_k = classNames.container) !== null && _k !== void 0 ? _k : '')
   }, ['CHECKING_LIVENESS', 'CAPTURING_VIDEO'].includes(captureState) && /*#__PURE__*/React__namespace.default.createElement(CameraVideoTag, {
     className: classNames.cameraFeed
   }), function () {
     switch (captureState) {
       case 'CAPTURING_ID':
-        return /*#__PURE__*/React__namespace.default.createElement(IdCaptureStateProvider, null, /*#__PURE__*/React__namespace.default.createElement(GuideOrientationProvider, null, /*#__PURE__*/React__namespace.default.createElement(IdCaptureWizard, _assign({
+        return /*#__PURE__*/React__namespace.default.createElement(IdCaptureStateProvider, null, /*#__PURE__*/React__namespace.default.createElement(GuideOrientationContextProvider, null, /*#__PURE__*/React__namespace.default.createElement(IdCaptureWizard, _assign({
           key: "id-capture-".concat(attempt),
           loadingOverlayMode: idCaptureLoadingOverlayMode,
           customOverlayContent: customOverlayContent,
           onCustomOverlyDismissed: onCustomOverlyDismissed,
-          silentFallback: silentFallback
+          silentFallback: silentFallback,
+          guideImages: idCaptureGuideImages
         }, idCaptureProps, {
           assets: assets.idCapture,
           classNames: classNames.idCapture,
@@ -14534,6 +14574,7 @@ var VideoIdWizard = function VideoIdWizard(_a) {
           onRecordingFailed: onRecordingFailed,
           onExitCapture: handleExitCapture,
           idCaptureModelsEnabled: idCaptureModelsEnabled,
+          idCardCaptureGuideImages: idCaptureGuideImages,
           videoIdCaptureThresholds: videoIdCaptureThresholds,
           skipShowIdCardBack: skipShowIdCardBack,
           disableFaceDetectionWhileAudioCapture: disableFaceDetectionWhileAudioCapture,
@@ -14542,7 +14583,6 @@ var VideoIdWizard = function VideoIdWizard(_a) {
           readTextTimeoutDurationMs: readTextTimeoutDurationMs,
           readTextMinReadingMs: readTextMinReadingMs,
           mergeAVStreams: mergeAVStreams,
-          assets: assets.idVideoCapture,
           classNames: classNames.idVideoCapture,
           colors: colors.idVideoCapture,
           verbiage: verbiage.idVideoCapture,
@@ -14566,7 +14606,7 @@ var VideoIdWizard = function VideoIdWizard(_a) {
   }()))));
 };
 
-var CompositeWizardComponent = function CompositeWizardComponent(_a) {
+function CompositeWizard(_a) {
   var _b, _c, _d, _e, _f;
   var userChecks = _a.checks,
     _g = _a.idCaptureProps,
@@ -14722,7 +14762,7 @@ var CompositeWizardComponent = function CompositeWizardComponent(_a) {
         focusModelUrl: (_f = (_e = idCaptureProps.assets) === null || _e === void 0 ? void 0 : _e.focusModelUrl) !== null && _f !== void 0 ? _f : '',
         onModelError: idCaptureProps.onModelError,
         modelLoadTimeoutMs: idCaptureProps.modelLoadTimeoutMs
-      }, /*#__PURE__*/React__namespace.default.createElement(IdCaptureStateProvider, null, /*#__PURE__*/React__namespace.default.createElement(GuideOrientationProvider, null, /*#__PURE__*/React__namespace.default.createElement(IdCaptureWizard, _assign({}, idCaptureProps, {
+      }, /*#__PURE__*/React__namespace.default.createElement(IdCaptureStateProvider, null, /*#__PURE__*/React__namespace.default.createElement(GuideOrientationContextProvider, null, /*#__PURE__*/React__namespace.default.createElement(IdCaptureWizard, _assign({}, idCaptureProps, {
         onSuccess: onIdCaptureSuccess
       }))))));
     case 'VideoIdCapture':
@@ -14777,7 +14817,7 @@ var CompositeWizardComponent = function CompositeWizardComponent(_a) {
     default:
       return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null);
   }
-};
+}
 
 var noneTheme = {};
 var defaultTheme = {
@@ -15044,20 +15084,22 @@ var IdValidation = function IdValidation(_a) {
     instructions = _a.instructions,
     _h = _a.guideType,
     guideType = _h === void 0 ? 'fit' : _h,
-    _j = _a.portraitGuidesOnMobile,
-    portraitGuidesOnMobile = _j === void 0 ? true : _j,
-    _k = _a.rotateLoadingOverlayImageWhenPortrait,
-    rotateLoadingOverlayImageWhenPortrait = _k === void 0 ? true : _k,
-    _l = _a.modelLoadTimeoutMs,
-    modelLoadTimeoutMs = _l === void 0 ? defaultDocumentDetectionModelLoadTimeoutMs : _l,
-    _m = _a.forceFallbackMode,
-    forceFallbackMode = _m === void 0 ? false : _m,
-    _o = _a.allowIdCardBackToFrontCapture,
-    allowIdCardBackToFrontCapture = _o === void 0 ? false : _o,
-    _p = _a.enableOverrideWrongDocumentTypeDialog,
-    enableOverrideWrongDocumentTypeDialog = _p === void 0 ? false : _p,
-    _q = _a.allowOverrideWrongDocumentTypeAfterMs,
-    allowOverrideWrongDocumentTypeAfterMs = _q === void 0 ? 8000 : _q,
+    _j = _a.guideImages,
+    guideImages = _j === void 0 ? defaultIdCaptureGuideImages : _j,
+    _k = _a.portraitGuidesOnMobile,
+    portraitGuidesOnMobile = _k === void 0 ? true : _k,
+    _l = _a.rotateLoadingOverlayImageWhenPortrait,
+    rotateLoadingOverlayImageWhenPortrait = _l === void 0 ? true : _l,
+    _m = _a.modelLoadTimeoutMs,
+    modelLoadTimeoutMs = _m === void 0 ? defaultDocumentDetectionModelLoadTimeoutMs : _m,
+    _o = _a.forceFallbackMode,
+    forceFallbackMode = _o === void 0 ? false : _o,
+    _p = _a.allowIdCardBackToFrontCapture,
+    allowIdCardBackToFrontCapture = _p === void 0 ? false : _p,
+    _q = _a.enableOverrideWrongDocumentTypeDialog,
+    enableOverrideWrongDocumentTypeDialog = _q === void 0 ? false : _q,
+    _r = _a.allowOverrideWrongDocumentTypeAfterMs,
+    allowOverrideWrongDocumentTypeAfterMs = _r === void 0 ? 8000 : _r,
     onBeforeSubmit = _a.onBeforeSubmit,
     onBeforeDocumentUpload = _a.onBeforeDocumentUpload,
     onDocumentUploadProgress = _a.onDocumentUploadProgress,
@@ -15071,28 +15113,28 @@ var IdValidation = function IdValidation(_a) {
     onUserCancel = _a.onUserCancel,
     onModelError = _a.onModelError,
     onCameraAccessDenied = _a.onCameraAccessDenied,
-    _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;
+    _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.captureSignature,
+    captureSignature = _x === void 0 ? false : _x,
+    _y = _a.captureSignatureVideo,
+    captureSignatureVideo = _y === void 0 ? false : _y,
+    _z = _a.captureAdditionalDocuments,
+    captureAdditionalDocuments = _z === void 0 ? [] : _z,
+    _0 = _a.geolocationEnabled,
+    geolocationEnabled = _0 === void 0 ? true : _0,
+    _1 = _a.geolocationRequired,
+    geolocationRequired = _1 === void 0 ? false : _1,
+    _2 = _a.debugMode,
+    debugMode = _2 === void 0 ? false : _2;
   useLanguage(lang);
   useDebugLogging(debugMode);
   var idCaptureProps = React.useMemo(function () {
@@ -15112,6 +15154,7 @@ var IdValidation = function IdValidation(_a) {
       allowIdCardBackToFrontCapture: allowIdCardBackToFrontCapture,
       instructions: instructions,
       guideType: guideType,
+      guideImages: guideImages,
       portraitGuidesOnMobile: portraitGuidesOnMobile,
       rotateLoadingOverlayImageWhenPortrait: rotateLoadingOverlayImageWhenPortrait,
       modelLoadTimeoutMs: modelLoadTimeoutMs,
@@ -15123,7 +15166,7 @@ var IdValidation = function IdValidation(_a) {
       verbiage: verbiage,
       debugMode: 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]);
+  }, [onExitCapture, onUserCancel, onModelError, precapturedDocuments, idCaptureRequirement, separateIdCardCaptureSequence, idCaptureThresholds, skipSuccessScreen, loadingOverlayMode, customOverlayContent, onCustomOverlyDismissed, forceFallbackMode, allowIdCardBackToFrontCapture, instructions, guideType, guideImages, portraitGuidesOnMobile, rotateLoadingOverlayImageWhenPortrait, modelLoadTimeoutMs, enableOverrideWrongDocumentTypeDialog, allowOverrideWrongDocumentTypeAfterMs, assets, classNames, colors, verbiage, debugMode]);
   var additionalDocumentCaptureProps = React.useMemo(function () {
     return {
       documents: captureAdditionalDocuments,
@@ -15193,7 +15236,7 @@ var IdValidation = function IdValidation(_a) {
     onResponseReceived: onResponseReceived,
     geolocationEnabled: geolocationEnabled,
     geolocationRequired: geolocationRequired
-  }, /*#__PURE__*/React__namespace.default.createElement(CompositeWizardComponent, {
+  }, /*#__PURE__*/React__namespace.default.createElement(CompositeWizard, {
     checks: React.useMemo(function () {
       return ['IdCapture'];
     }, []),
@@ -15305,7 +15348,7 @@ var FaceValidation = function FaceValidation(_a) {
     onBeforeLivenessCheck: onBeforeSubmit,
     geolocationEnabled: geolocationEnabled,
     geolocationRequired: geolocationRequired
-  }, /*#__PURE__*/React__namespace.default.createElement(CompositeWizardComponent, {
+  }, /*#__PURE__*/React__namespace.default.createElement(CompositeWizard, {
     checks: React.useMemo(function () {
       return ['FaceLiveness'];
     }, []),
@@ -15359,20 +15402,22 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
     idCaptureInstructions = _a.idCaptureInstructions,
     _j = _a.idCaptureGuideType,
     idCaptureGuideType = _j === void 0 ? 'fit' : _j,
-    _k = _a.idCapturePortraitGuidesOnMobile,
-    idCapturePortraitGuidesOnMobile = _k === void 0 ? true : _k,
-    _l = _a.idCaptureRotateLoadingOverlayImageWhenPortrait,
-    idCaptureRotateLoadingOverlayImageWhenPortrait = _l === void 0 ? true : _l,
-    _m = _a.idCaptureModelLoadTimeoutMs,
-    idCaptureModelLoadTimeoutMs = _m === void 0 ? defaultDocumentDetectionModelLoadTimeoutMs : _m,
-    _o = _a.selfieCaptureModelLoadTimeoutMs,
-    selfieCaptureModelLoadTimeoutMs = _o === void 0 ? defaultSelfieCaptureModelLoadTimeoutMs : _o,
-    _p = _a.allowIdCardBackToFrontCapture,
-    allowIdCardBackToFrontCapture = _p === void 0 ? false : _p,
-    _q = _a.enableOverrideWrongDocumentTypeDialog,
-    enableOverrideWrongDocumentTypeDialog = _q === void 0 ? false : _q,
-    _r = _a.allowOverrideWrongDocumentTypeAfterMs,
-    allowOverrideWrongDocumentTypeAfterMs = _r === void 0 ? 8000 : _r,
+    _k = _a.idCaptureGuideImages,
+    idCaptureGuideImages = _k === void 0 ? defaultIdCaptureGuideImages : _k,
+    _l = _a.idCapturePortraitGuidesOnMobile,
+    idCapturePortraitGuidesOnMobile = _l === void 0 ? true : _l,
+    _m = _a.idCaptureRotateLoadingOverlayImageWhenPortrait,
+    idCaptureRotateLoadingOverlayImageWhenPortrait = _m === void 0 ? true : _m,
+    _o = _a.idCaptureModelLoadTimeoutMs,
+    idCaptureModelLoadTimeoutMs = _o === void 0 ? defaultDocumentDetectionModelLoadTimeoutMs : _o,
+    _p = _a.selfieCaptureModelLoadTimeoutMs,
+    selfieCaptureModelLoadTimeoutMs = _p === void 0 ? defaultSelfieCaptureModelLoadTimeoutMs : _p,
+    _q = _a.allowIdCardBackToFrontCapture,
+    allowIdCardBackToFrontCapture = _q === void 0 ? false : _q,
+    _r = _a.enableOverrideWrongDocumentTypeDialog,
+    enableOverrideWrongDocumentTypeDialog = _r === void 0 ? false : _r,
+    _s = _a.allowOverrideWrongDocumentTypeAfterMs,
+    allowOverrideWrongDocumentTypeAfterMs = _s === void 0 ? 8000 : _s,
     onBeforeDocumentUpload = _a.onBeforeDocumentUpload,
     onDocumentUploaded = _a.onDocumentUploaded,
     onDocumentUploadProgress = _a.onDocumentUploadProgress,
@@ -15389,28 +15434,28 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
     onIdCaptureModelError = _a.onIdCaptureModelError,
     onSelfieCaptureModelError = _a.onSelfieCaptureModelError,
     onCameraAccessDenied = _a.onCameraAccessDenied,
-    _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.theme,
-    theme = _v === void 0 ? 'default' : _v,
-    _w = _a.assets,
-    assets = _w === void 0 ? {} : _w,
-    _x = _a.classNames,
-    classNames = _x === void 0 ? {} : _x,
-    _y = _a.colors,
-    colors = _y === void 0 ? {} : _y,
-    _z = _a.verbiage,
-    verbiage = _z === void 0 ? {} : _z,
-    _0 = _a.geolocationEnabled,
-    geolocationEnabled = _0 === void 0 ? true : _0,
-    _1 = _a.geolocationRequired,
-    geolocationRequired = _1 === void 0 ? false : _1,
-    _2 = _a.debugMode,
-    debugMode = _2 === void 0 ? false : _2;
+    _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.theme,
+    theme = _w === void 0 ? 'default' : _w,
+    _x = _a.assets,
+    assets = _x === void 0 ? {} : _x,
+    _y = _a.classNames,
+    classNames = _y === void 0 ? {} : _y,
+    _z = _a.colors,
+    colors = _z === void 0 ? {} : _z,
+    _0 = _a.verbiage,
+    verbiage = _0 === void 0 ? {} : _0,
+    _1 = _a.geolocationEnabled,
+    geolocationEnabled = _1 === void 0 ? true : _1,
+    _2 = _a.geolocationRequired,
+    geolocationRequired = _2 === void 0 ? false : _2,
+    _3 = _a.debugMode,
+    debugMode = _3 === void 0 ? false : _3;
   useLanguage(lang);
   useDebugLogging(debugMode);
   var idCaptureProps = React.useMemo(function () {
@@ -15428,6 +15473,7 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
       loadingOverlayMode: idCaptureLoadingOverlayMode,
       instructions: idCaptureInstructions,
       guideType: idCaptureGuideType,
+      guideImages: idCaptureGuideImages,
       portraitGuidesOnMobile: idCapturePortraitGuidesOnMobile,
       rotateLoadingOverlayImageWhenPortrait: idCaptureRotateLoadingOverlayImageWhenPortrait,
       modelLoadTimeoutMs: idCaptureModelLoadTimeoutMs,
@@ -15437,7 +15483,7 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
       skipSuccessScreen: skipSuccessScreen,
       debugMode: debugMode
     };
-  }, [onExitCapture, onUserCancel, onIdCaptureModelError, assets.idCapture, classNames.idCapture, colors.idCapture, verbiage.idCapture, precapturedDocuments, idCaptureRequirement, idCaptureThresholds, idCaptureLoadingOverlayMode, idCaptureInstructions, idCaptureGuideType, idCapturePortraitGuidesOnMobile, idCaptureRotateLoadingOverlayImageWhenPortrait, idCaptureModelLoadTimeoutMs, allowIdCardBackToFrontCapture, enableOverrideWrongDocumentTypeDialog, allowOverrideWrongDocumentTypeAfterMs, skipSuccessScreen, debugMode]);
+  }, [onExitCapture, onUserCancel, onIdCaptureModelError, assets.idCapture, classNames.idCapture, colors.idCapture, verbiage.idCapture, precapturedDocuments, idCaptureRequirement, idCaptureThresholds, idCaptureLoadingOverlayMode, idCaptureInstructions, idCaptureGuideType, idCaptureGuideImages, idCapturePortraitGuidesOnMobile, idCaptureRotateLoadingOverlayImageWhenPortrait, idCaptureModelLoadTimeoutMs, allowIdCardBackToFrontCapture, enableOverrideWrongDocumentTypeDialog, allowOverrideWrongDocumentTypeAfterMs, skipSuccessScreen, debugMode]);
   var faceLivenessProps = React.useMemo(function () {
     return {
       loadingOverlayMode: faceLivenessLoadingOverlayMode,
@@ -15529,7 +15575,7 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
     onResponseReceived: onResponseReceived,
     geolocationEnabled: geolocationEnabled,
     geolocationRequired: geolocationRequired
-  }, /*#__PURE__*/React__namespace.default.createElement(CompositeWizardComponent, {
+  }, /*#__PURE__*/React__namespace.default.createElement(CompositeWizard, {
     checks: checks,
     idCaptureProps: idCaptureProps,
     faceLivenessProps: faceLivenessProps,
@@ -15590,20 +15636,22 @@ var CustomerIdAndBiometricsEnrollment = function CustomerIdAndBiometricsEnrollme
     idCaptureInstructions = _a.idCaptureInstructions,
     _j = _a.idCaptureGuideType,
     idCaptureGuideType = _j === void 0 ? 'fit' : _j,
-    _k = _a.idCapturePortraitGuidesOnMobile,
-    idCapturePortraitGuidesOnMobile = _k === void 0 ? true : _k,
-    _l = _a.idCaptureRotateLoadingOverlayImageWhenPortrait,
-    idCaptureRotateLoadingOverlayImageWhenPortrait = _l === void 0 ? true : _l,
-    _m = _a.idCaptureModelLoadTimeoutMs,
-    idCaptureModelLoadTimeoutMs = _m === void 0 ? defaultDocumentDetectionModelLoadTimeoutMs : _m,
-    _o = _a.selfieCaptureModelLoadTimeoutMs,
-    selfieCaptureModelLoadTimeoutMs = _o === void 0 ? defaultSelfieCaptureModelLoadTimeoutMs : _o,
-    _p = _a.allowIdCardBackToFrontCapture,
-    allowIdCardBackToFrontCapture = _p === void 0 ? false : _p,
-    _q = _a.enableOverrideWrongDocumentTypeDialog,
-    enableOverrideWrongDocumentTypeDialog = _q === void 0 ? false : _q,
-    _r = _a.allowOverrideWrongDocumentTypeAfterMs,
-    allowOverrideWrongDocumentTypeAfterMs = _r === void 0 ? 8000 : _r,
+    _k = _a.idCaptureGuideImages,
+    idCaptureGuideImages = _k === void 0 ? defaultIdCaptureGuideImages : _k,
+    _l = _a.idCapturePortraitGuidesOnMobile,
+    idCapturePortraitGuidesOnMobile = _l === void 0 ? true : _l,
+    _m = _a.idCaptureRotateLoadingOverlayImageWhenPortrait,
+    idCaptureRotateLoadingOverlayImageWhenPortrait = _m === void 0 ? true : _m,
+    _o = _a.idCaptureModelLoadTimeoutMs,
+    idCaptureModelLoadTimeoutMs = _o === void 0 ? defaultDocumentDetectionModelLoadTimeoutMs : _o,
+    _p = _a.selfieCaptureModelLoadTimeoutMs,
+    selfieCaptureModelLoadTimeoutMs = _p === void 0 ? defaultSelfieCaptureModelLoadTimeoutMs : _p,
+    _q = _a.allowIdCardBackToFrontCapture,
+    allowIdCardBackToFrontCapture = _q === void 0 ? false : _q,
+    _r = _a.enableOverrideWrongDocumentTypeDialog,
+    enableOverrideWrongDocumentTypeDialog = _r === void 0 ? false : _r,
+    _s = _a.allowOverrideWrongDocumentTypeAfterMs,
+    allowOverrideWrongDocumentTypeAfterMs = _s === void 0 ? 8000 : _s,
     onBeforeDocumentUpload = _a.onBeforeDocumentUpload,
     onDocumentUploadProgress = _a.onDocumentUploadProgress,
     onDocumentUploaded = _a.onDocumentUploaded,
@@ -15619,28 +15667,28 @@ var CustomerIdAndBiometricsEnrollment = function CustomerIdAndBiometricsEnrollme
     onIdCaptureModelError = _a.onIdCaptureModelError,
     onSelfieCaptureModelError = _a.onSelfieCaptureModelError,
     onCameraAccessDenied = _a.onCameraAccessDenied,
-    _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.theme,
-    theme = _v === void 0 ? 'default' : _v,
-    _w = _a.assets,
-    assets = _w === void 0 ? {} : _w,
-    _x = _a.classNames,
-    classNames = _x === void 0 ? {} : _x,
-    _y = _a.colors,
-    colors = _y === void 0 ? {} : _y,
-    _z = _a.verbiage,
-    verbiage = _z === void 0 ? {} : _z,
-    _0 = _a.geolocationEnabled,
-    geolocationEnabled = _0 === void 0 ? true : _0,
-    _1 = _a.geolocationRequired,
-    geolocationRequired = _1 === void 0 ? false : _1,
-    _2 = _a.debugMode,
-    debugMode = _2 === void 0 ? false : _2;
+    _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.theme,
+    theme = _w === void 0 ? 'default' : _w,
+    _x = _a.assets,
+    assets = _x === void 0 ? {} : _x,
+    _y = _a.classNames,
+    classNames = _y === void 0 ? {} : _y,
+    _z = _a.colors,
+    colors = _z === void 0 ? {} : _z,
+    _0 = _a.verbiage,
+    verbiage = _0 === void 0 ? {} : _0,
+    _1 = _a.geolocationEnabled,
+    geolocationEnabled = _1 === void 0 ? true : _1,
+    _2 = _a.geolocationRequired,
+    geolocationRequired = _2 === void 0 ? false : _2,
+    _3 = _a.debugMode,
+    debugMode = _3 === void 0 ? false : _3;
   useLanguage(lang);
   useDebugLogging(debugMode);
   var idCaptureProps = React.useMemo(function () {
@@ -15654,6 +15702,7 @@ var CustomerIdAndBiometricsEnrollment = function CustomerIdAndBiometricsEnrollme
       loadingOverlayMode: idCaptureLoadingOverlayMode,
       instructions: idCaptureInstructions,
       guideType: idCaptureGuideType,
+      guideImages: idCaptureGuideImages,
       portraitGuidesOnMobile: idCapturePortraitGuidesOnMobile,
       rotateLoadingOverlayImageWhenPortrait: idCaptureRotateLoadingOverlayImageWhenPortrait,
       modelLoadTimeoutMs: idCaptureModelLoadTimeoutMs,
@@ -15666,7 +15715,7 @@ var CustomerIdAndBiometricsEnrollment = function CustomerIdAndBiometricsEnrollme
       skipSuccessScreen: skipSuccessScreen,
       debugMode: debugMode
     };
-  }, [assets.idCapture, classNames.idCapture, colors.idCapture, verbiage.idCapture, idCaptureRequirement, idCaptureThresholds, idCaptureLoadingOverlayMode, idCaptureInstructions, idCaptureGuideType, idCapturePortraitGuidesOnMobile, idCaptureRotateLoadingOverlayImageWhenPortrait, idCaptureModelLoadTimeoutMs, allowIdCardBackToFrontCapture, enableOverrideWrongDocumentTypeDialog, allowOverrideWrongDocumentTypeAfterMs, onExitCapture, onUserCancel, onIdCaptureModelError, skipSuccessScreen, debugMode]);
+  }, [assets.idCapture, classNames.idCapture, colors.idCapture, verbiage.idCapture, idCaptureRequirement, idCaptureThresholds, idCaptureLoadingOverlayMode, idCaptureInstructions, idCaptureGuideType, idCaptureGuideImages, idCapturePortraitGuidesOnMobile, idCaptureRotateLoadingOverlayImageWhenPortrait, idCaptureModelLoadTimeoutMs, allowIdCardBackToFrontCapture, enableOverrideWrongDocumentTypeDialog, allowOverrideWrongDocumentTypeAfterMs, onExitCapture, onUserCancel, onIdCaptureModelError, skipSuccessScreen, debugMode]);
   var faceLivenessProps = React.useMemo(function () {
     return {
       onExitCapture: onExitCapture,
@@ -15756,7 +15805,7 @@ var CustomerIdAndBiometricsEnrollment = function CustomerIdAndBiometricsEnrollme
     onResponseReceived: onResponseReceived,
     geolocationEnabled: geolocationEnabled,
     geolocationRequired: geolocationRequired
-  }, /*#__PURE__*/React__namespace.default.createElement(CompositeWizardComponent, {
+  }, /*#__PURE__*/React__namespace.default.createElement(CompositeWizard, {
     checks: React.useMemo(function () {
       return ['IdCapture', 'FaceLiveness'];
     }, []),
@@ -16950,7 +16999,7 @@ var SignatureKYC = function SignatureKYC(_a) {
     onResponseReceived: onComplete,
     geolocationEnabled: geolocationEnabled,
     geolocationRequired: geolocationRequired
-  }, /*#__PURE__*/React__namespace.default.createElement(CompositeWizardComponent, {
+  }, /*#__PURE__*/React__namespace.default.createElement(CompositeWizard, {
     checks: React.useMemo(function () {
       return ['VideoSignatureCapture'];
     }, []),
@@ -17037,43 +17086,45 @@ var VideoIdValidation = function VideoIdValidation(_a) {
     onCustomOverlyDismissed = _a.onCustomOverlyDismissed,
     _l = _a.idCaptureGuideType,
     idCaptureGuideType = _l === void 0 ? 'fit' : _l,
-    _m = _a.idCapturePortraitGuidesOnMobile,
-    idCapturePortraitGuidesOnMobile = _m === void 0 ? true : _m,
-    _o = _a.idCaptureRotateLoadingOverlayImageWhenPortrait,
-    idCaptureRotateLoadingOverlayImageWhenPortrait = _o === void 0 ? true : _o,
+    _m = _a.idCaptureGuideImages,
+    idCaptureGuideImages = _m === void 0 ? defaultIdCaptureGuideImages : _m,
+    _o = _a.idCapturePortraitGuidesOnMobile,
+    idCapturePortraitGuidesOnMobile = _o === void 0 ? true : _o,
+    _p = _a.idCaptureRotateLoadingOverlayImageWhenPortrait,
+    idCaptureRotateLoadingOverlayImageWhenPortrait = _p === void 0 ? true : _p,
     idCardForFaceMatch = _a.idCardForFaceMatch,
-    _p = _a.faceLivenessLoadingOverlayMode,
-    faceLivenessLoadingOverlayMode = _p === void 0 ? 'default' : _p,
-    _q = _a.disableFaceDetectionWhileAudioCapture,
-    disableFaceDetectionWhileAudioCapture = _q === void 0 ? false : _q,
-    _r = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
-    disableFaceDetectionWhileAudioCaptureMsDelay = _r === void 0 ? 2000 : _r,
-    _s = _a.silentFallback,
-    silentFallback = _s === void 0 ? false : _s,
-    _t = _a.mergeAVStreams,
-    mergeAVStreams = _t === void 0 ? false : _t,
-    _u = _a.theme,
-    theme = _u === void 0 ? 'default' : _u,
-    _v = _a.assets,
-    assets = _v === void 0 ? {} : _v,
-    _w = _a.classNames,
-    classNames = _w === void 0 ? {} : _w,
-    _x = _a.colors,
-    colors = _x === void 0 ? {} : _x,
-    _y = _a.verbiage,
-    verbiage = _y === void 0 ? {} : _y,
-    _z = _a.captureSignature,
-    captureSignature = _z === void 0 ? false : _z,
-    _0 = _a.captureSignatureVideo,
-    captureSignatureVideo = _0 === void 0 ? false : _0,
-    _1 = _a.captureAdditionalDocuments,
-    captureAdditionalDocuments = _1 === void 0 ? [] : _1,
-    _2 = _a.geolocationEnabled,
-    geolocationEnabled = _2 === void 0 ? true : _2,
-    _3 = _a.geolocationRequired,
-    geolocationRequired = _3 === void 0 ? false : _3,
-    _4 = _a.debugMode,
-    debugMode = _4 === void 0 ? false : _4;
+    _q = _a.faceLivenessLoadingOverlayMode,
+    faceLivenessLoadingOverlayMode = _q === void 0 ? 'default' : _q,
+    _r = _a.disableFaceDetectionWhileAudioCapture,
+    disableFaceDetectionWhileAudioCapture = _r === void 0 ? false : _r,
+    _s = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
+    disableFaceDetectionWhileAudioCaptureMsDelay = _s === void 0 ? 2000 : _s,
+    _t = _a.silentFallback,
+    silentFallback = _t === void 0 ? false : _t,
+    _u = _a.mergeAVStreams,
+    mergeAVStreams = _u === void 0 ? false : _u,
+    _v = _a.theme,
+    theme = _v === void 0 ? 'default' : _v,
+    _w = _a.assets,
+    assets = _w === void 0 ? {} : _w,
+    _x = _a.classNames,
+    classNames = _x === void 0 ? {} : _x,
+    _y = _a.colors,
+    colors = _y === void 0 ? {} : _y,
+    _z = _a.verbiage,
+    verbiage = _z === void 0 ? {} : _z,
+    _0 = _a.captureSignature,
+    captureSignature = _0 === void 0 ? false : _0,
+    _1 = _a.captureSignatureVideo,
+    captureSignatureVideo = _1 === void 0 ? false : _1,
+    _2 = _a.captureAdditionalDocuments,
+    captureAdditionalDocuments = _2 === void 0 ? [] : _2,
+    _3 = _a.geolocationEnabled,
+    geolocationEnabled = _3 === void 0 ? true : _3,
+    _4 = _a.geolocationRequired,
+    geolocationRequired = _4 === void 0 ? false : _4,
+    _5 = _a.debugMode,
+    debugMode = _5 === void 0 ? false : _5;
   useLanguage(lang);
   useDebugLogging(debugMode);
   var videoIdCaptureProps = React.useMemo(function () {
@@ -17095,6 +17146,7 @@ var VideoIdValidation = function VideoIdValidation(_a) {
       customOverlayContent: customOverlayContent,
       onCustomOverlyDismissed: onCustomOverlyDismissed,
       idCaptureGuideType: idCaptureGuideType,
+      idCaptureGuideImages: idCaptureGuideImages,
       idCapturePortraitGuidesOnMobile: idCapturePortraitGuidesOnMobile,
       idCaptureRotateLoadingOverlayImageWhenPortrait: idCaptureRotateLoadingOverlayImageWhenPortrait,
       faceLivenessLoadingOverlayMode: faceLivenessLoadingOverlayMode,
@@ -17108,7 +17160,7 @@ var VideoIdValidation = function VideoIdValidation(_a) {
       verbiage: verbiage,
       debugMode: 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]);
+  }, [idCaptureProps, faceLivenessProps, idCaptureModelsEnabled, videoIdCaptureThresholds, readTextPrompt, readTextTimeoutDurationMs, readTextMinReadingMs, onExitCapture, onExitAfterFailure, onUserCancel, skipSuccessScreen, skipIdCapture, skipShowIdCardBack, idCaptureLoadingOverlayMode, customOverlayContent, onCustomOverlyDismissed, idCaptureGuideType, idCaptureGuideImages, idCapturePortraitGuidesOnMobile, idCaptureRotateLoadingOverlayImageWhenPortrait, faceLivenessLoadingOverlayMode, disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, silentFallback, mergeAVStreams, assets, classNames, colors, verbiage, debugMode]);
   var additionalDocumentCaptureProps = React.useMemo(function () {
     return {
       documents: captureAdditionalDocuments,
@@ -17171,7 +17223,7 @@ var VideoIdValidation = function VideoIdValidation(_a) {
     onResponseReceived: onComplete,
     geolocationEnabled: geolocationEnabled,
     geolocationRequired: geolocationRequired
-  }, /*#__PURE__*/React__namespace.default.createElement(CompositeWizardComponent, {
+  }, /*#__PURE__*/React__namespace.default.createElement(CompositeWizard, {
     checks: React.useMemo(function () {
       return ['VideoIdCapture'];
     }, []),
@@ -17330,7 +17382,7 @@ var CustomerBiometricsEnrollment = function CustomerBiometricsEnrollment(_a) {
     onResponseReceived: onResponseReceived,
     geolocationEnabled: geolocationEnabled,
     geolocationRequired: geolocationRequired
-  }, /*#__PURE__*/React__namespace.default.createElement(CompositeWizardComponent, {
+  }, /*#__PURE__*/React__namespace.default.createElement(CompositeWizard, {
     checks: React.useMemo(function () {
       return ['FaceLiveness'];
     }, []),