idmission-web-sdk 2.1.49 → 2.1.51

package/dist/sdk2.umd.development.js

@@ -215,7 +215,7 @@
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
   };
 
-  var webSdkVersion = '2.1.49';
+  var webSdkVersion = '2.1.51';
 
   function getPlatform() {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -15745,8 +15745,6 @@
   });
   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,
@@ -15799,32 +15797,30 @@
       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(),
-      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(),
+      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]);
@@ -15889,8 +15885,6 @@
         });
       }, 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');
@@ -15948,6 +15942,8 @@
     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,
@@ -17049,21 +17045,6 @@
     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(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;';
   });
@@ -17190,16 +17171,16 @@
     }, /*#__PURE__*/React.createElement("rect", {
       x: "0",
       y: "0",
-      width: "100%",
-      height: "100%",
+      width: props.width || '100%',
+      height: props.height || '100%',
       rx: borderRadius,
       ry: borderRadius
     }))), /*#__PURE__*/React.createElement(IdCardBorderRect, {
       ref: rectRef,
       x: "0",
       y: "0",
-      width: "100%",
-      height: "100%",
+      width: props.width || '100%',
+      height: props.height || '100%',
       rx: borderRadius,
       ry: borderRadius,
       clipPath: "url(#round-corner)",
@@ -17213,7 +17194,7 @@
   }
   var IdCardBorderContainer = styled.div(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n  & > .pulse {\n    position: absolute;\n    animation: glow-grow 2s ease-out infinite;\n\n    &:nth-child(2) {\n      animation-delay: 0.66s;\n    }\n\n    &:nth-child(3) {\n      animation-delay: 1.33s;\n    }\n  }\n\n  @keyframes glow-grow {\n    0% {\n      opacity: 0;\n      transform: scale(1);\n    }\n    50% {\n      opacity: 1;\n    }\n    100% {\n      transform: scale(2);\n      opacity: 0;\n    }\n  }\n"], ["\n  & > .pulse {\n    position: absolute;\n    animation: glow-grow 2s ease-out infinite;\n\n    &:nth-child(2) {\n      animation-delay: 0.66s;\n    }\n\n    &:nth-child(3) {\n      animation-delay: 1.33s;\n    }\n  }\n\n  @keyframes glow-grow {\n    0% {\n      opacity: 0;\n      transform: scale(1);\n    }\n    50% {\n      opacity: 1;\n    }\n    100% {\n      transform: scale(2);\n      opacity: 0;\n    }\n  }\n"])));
   var SvgOverlay = styled.svg(templateObject_4$e || (templateObject_4$e = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n"])));
-  var IdCardBorderRect = styled.rect(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n  &.progress {\n    animation: dash ", "\n      ", ";\n  }\n\n  &.paused {\n    animation-play-state: paused;\n  }\n\n  @keyframes dash {\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n"], ["\n  &.progress {\n    animation: dash ", "\n      ", ";\n  }\n\n  &.paused {\n    animation-play-state: paused;\n  }\n\n  @keyframes dash {\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n"])), function (props) {
+  var IdCardBorderRect = styled.rect(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n  &.progress {\n    width: 100%;\n    height: 100%;\n    animation: dash ", "\n      ", ";\n  }\n\n  &.paused {\n    animation-play-state: paused;\n  }\n\n  @keyframes dash {\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n"], ["\n  &.progress {\n    width: 100%;\n    height: 100%;\n    animation: dash ", "\n      ", ";\n  }\n\n  &.paused {\n    animation-play-state: paused;\n  }\n\n  @keyframes dash {\n    to {\n      stroke-dashoffset: 0;\n    }\n  }\n"])), function (props) {
     var _a;
     return (_a = props.$speed) !== null && _a !== void 0 ? _a : '3s';
   }, function (props) {
@@ -17222,10 +17203,114 @@
   });
   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,
@@ -17233,8 +17318,6 @@
       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],
@@ -17273,7 +17356,7 @@
       "$transitionTime": transitionTime,
       "$isVisible": true
     }, /*#__PURE__*/React.createElement(IdCardGuideImage, {
-      src: assets.frontImageUrl,
+      src: idCaptureGuideImages.landscape.SHOW_ID_FRONT.url,
       className: classNames.frontImage,
       alt: "",
       style: imageStyle
@@ -17287,7 +17370,7 @@
       "$transitionTime": transitionTime,
       "$isVisible": true
     }, /*#__PURE__*/React.createElement(IdCardGuideImage, {
-      src: assets.backImageUrl,
+      src: idCaptureGuideImages.landscape.SHOW_ID_BACK.url,
       className: classNames.backImage,
       alt: "",
       style: imageStyle
@@ -17300,43 +17383,84 @@
   });
   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(),
+      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.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];
@@ -17374,10 +17498,9 @@
       "$transitionTime": transitionTime,
       "$isVisible": true
     }, /*#__PURE__*/React.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
@@ -17391,10 +17514,9 @@
       "$transitionTime": transitionTime,
       "$isVisible": true
     }, /*#__PURE__*/React.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
     })));
@@ -17402,108 +17524,80 @@
 
   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.createElement(StyledPageContainer, {
       ref: wrapperRef,
       onClick: onClick,
@@ -17540,8 +17634,8 @@
       borderColor: idCardBorderColor,
       "$isVisible": requestedAction !== 'FLIP_ID'
     }, /*#__PURE__*/React.createElement(IdCardGuideImage, {
-      src: imgSrc,
       alt: "",
+      src: currentImage.url,
       onLoad: onImageLoaded,
       className: classNames.image,
       "$isInvisible": !imageVisible,
@@ -17549,11 +17643,11 @@
       width: imageWidth,
       height: imageHeight
     })), requestedAction === 'FLIP_ID' && ( /*#__PURE__*/React.createElement(FlipIdPrompt, {
+      images: images,
       borderWidth: idCardBorderWidth,
       borderColor: idCardBorderColor,
       portraitGuidesOnMobile: portraitGuidesOnMobile,
       isMirrored: isMirrored,
-      assets: assets.flipIdPrompt,
       classNames: classNames.flipIdPrompt,
       width: imageWidth,
       height: imageHeight
@@ -17591,7 +17685,7 @@
     return props.$minHeight ? "min-height: ".concat(props.$minHeight, "px;") : "";
   });
   var Spacer = styled(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.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.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);' : '';
@@ -17629,8 +17723,8 @@
       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(),
@@ -17739,7 +17833,7 @@
       isBackToFront: isBackToFront,
       portraitGuidesOnMobile: portraitGuidesOnMobile,
       instruction: instruction,
-      assets: assets,
+      images: images,
       classNames: classNames,
       imageVisible: imageVisible,
       requestedAction: requestedAction,
@@ -17767,8 +17861,8 @@
       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,
@@ -17783,10 +17877,8 @@
       captureFailedText: 'Capture failed!'
     });
     return /*#__PURE__*/React.createElement(React.Fragment, null, guideType === 'overlay' && ( /*#__PURE__*/React.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,
@@ -17794,7 +17886,7 @@
       borderColor: state.isGoodFrame ? colors.guideBoxSatisfiedColor : colors.guideBoxUnsatisfiedColor,
       imageVisible: requestedAction === 'FLIP_ID' || !state.idCardFrontDetectionThresholdMet || !state.documentInBounds || state.documentTooClose
     })), guideType === 'fit' && ( /*#__PURE__*/React.createElement(IdCaptureFitGuide, {
-      assets: assets,
+      images: images,
       classNames: classNames,
       requestedAction: requestedAction,
       status: status,
@@ -18764,76 +18856,77 @@
 
   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',
@@ -18925,9 +19018,9 @@
         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);
@@ -18953,27 +19046,6 @@
         });
       }
     }, [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',
@@ -18987,7 +19059,6 @@
       })
     };
     var theme = styled.useTheme();
-    var idCaptureAssets = assets[state.requestedDocumentType];
     var idCaptureVerbiage = idCaptureVerbiages[state.requestedDocumentType];
     React.useEffect(function () {
       if (separateIdCardCaptureSequence) return;
@@ -19040,9 +19111,9 @@
         });
       });
     }, [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);
@@ -19072,7 +19143,6 @@
       requiredDocumentType: state.requestedDocumentType,
       thresholds: thresholds,
       onCapture: onCapture,
-      assets: idCaptureAssets,
       classNames: classNames === null || classNames === void 0 ? void 0 : classNames.capture,
       colors: colors,
       verbiage: idCaptureVerbiage,
@@ -19084,7 +19154,7 @@
       progress: progressStarted && state.captureState === 'capturing' ? 1 : 0,
       portraitGuidesOnMobile: portraitGuidesOnMobile,
       requestedAction: requestedAction,
-      assets: assets.guides,
+      images: guideImages,
       classNames: classNames.guides,
       colors: colors,
       verbiage: idCaptureVerbiage,
@@ -21245,42 +21315,6 @@
     }));
   };
 
-  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(),
-      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.createElement(GuideOrientationContext.Provider, {
-      value: value
-    }, children);
-  };
-
   var SubmissionSuccess = function SubmissionSuccess() {
     var _a = React.useContext(SubmissionContext),
       submissionRequest = _a.submissionRequest,
@@ -23148,15 +23182,13 @@
       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...',
@@ -23175,14 +23207,19 @@
       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,
@@ -23222,10 +23259,10 @@
       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.createElement(IdVideoCaptureFlipIdPrompt, {
-      assets: assets,
+      idCaptureGuideImages: idCaptureGuideImages,
       classNames: classNames.flipIdPrompt,
       borderWidth: idCardGuideBorderWidth,
       borderColor: idCardGuideBorderColor,
@@ -23388,27 +23425,27 @@
       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,
@@ -23727,13 +23764,13 @@
       verbiage: rawVerbiage.readTextPrompt,
       onComplete: stopRecording
     })) : ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ObjectDetectionDebugOverlayDiv, {
@@ -23903,7 +23940,7 @@
   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,
@@ -23911,29 +23948,31 @@
       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,
@@ -24037,18 +24076,18 @@
       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.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.createElement(PageContainer, {
         className: "flex"
@@ -24066,8 +24105,8 @@
       debugMode: debugMode
     }, /*#__PURE__*/React.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.createElement(SelfieGuidanceModelsProvider, {
@@ -24075,18 +24114,19 @@
       onModelError: faceLivenessProps === null || faceLivenessProps === void 0 ? void 0 : faceLivenessProps.onModelError,
       modelLoadTimeoutMs: faceLivenessProps === null || faceLivenessProps === void 0 ? void 0 : faceLivenessProps.modelLoadTimeoutMs
     }, /*#__PURE__*/React.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.createElement(CameraVideoTag, {
       className: classNames.cameraFeed
     }), function () {
       switch (captureState) {
         case 'CAPTURING_ID':
-          return /*#__PURE__*/React.createElement(IdCaptureStateProvider, null, /*#__PURE__*/React.createElement(GuideOrientationProvider, null, /*#__PURE__*/React.createElement(IdCaptureWizard, _assign({
+          return /*#__PURE__*/React.createElement(IdCaptureStateProvider, null, /*#__PURE__*/React.createElement(GuideOrientationContextProvider, null, /*#__PURE__*/React.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,
@@ -24136,6 +24176,7 @@
             onRecordingFailed: onRecordingFailed,
             onExitCapture: handleExitCapture,
             idCaptureModelsEnabled: idCaptureModelsEnabled,
+            idCardCaptureGuideImages: idCaptureGuideImages,
             videoIdCaptureThresholds: videoIdCaptureThresholds,
             skipShowIdCardBack: skipShowIdCardBack,
             disableFaceDetectionWhileAudioCapture: disableFaceDetectionWhileAudioCapture,
@@ -24144,7 +24185,6 @@
             readTextTimeoutDurationMs: readTextTimeoutDurationMs,
             readTextMinReadingMs: readTextMinReadingMs,
             mergeAVStreams: mergeAVStreams,
-            assets: assets.idVideoCapture,
             classNames: classNames.idVideoCapture,
             colors: colors.idVideoCapture,
             verbiage: verbiage.idVideoCapture,
@@ -24168,7 +24208,7 @@
     }()))));
   };
 
-  var CompositeWizardComponent = function CompositeWizardComponent(_a) {
+  function CompositeWizard(_a) {
     var _b, _c, _d, _e, _f;
     var userChecks = _a.checks,
       _g = _a.idCaptureProps,
@@ -24324,7 +24364,7 @@
           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.createElement(IdCaptureStateProvider, null, /*#__PURE__*/React.createElement(GuideOrientationProvider, null, /*#__PURE__*/React.createElement(IdCaptureWizard, _assign({}, idCaptureProps, {
+        }, /*#__PURE__*/React.createElement(IdCaptureStateProvider, null, /*#__PURE__*/React.createElement(GuideOrientationContextProvider, null, /*#__PURE__*/React.createElement(IdCaptureWizard, _assign({}, idCaptureProps, {
           onSuccess: onIdCaptureSuccess
         }))))));
       case 'VideoIdCapture':
@@ -24379,7 +24419,7 @@
       default:
         return /*#__PURE__*/React.createElement(React.Fragment, null);
     }
-  };
+  }
 
   var noneTheme = {};
   var defaultTheme = {
@@ -24646,20 +24686,22 @@
       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,
@@ -24673,28 +24715,28 @@
       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 () {
@@ -24714,6 +24756,7 @@
         allowIdCardBackToFrontCapture: allowIdCardBackToFrontCapture,
         instructions: instructions,
         guideType: guideType,
+        guideImages: guideImages,
         portraitGuidesOnMobile: portraitGuidesOnMobile,
         rotateLoadingOverlayImageWhenPortrait: rotateLoadingOverlayImageWhenPortrait,
         modelLoadTimeoutMs: modelLoadTimeoutMs,
@@ -24725,7 +24768,7 @@
         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,
@@ -24795,7 +24838,7 @@
       onResponseReceived: onResponseReceived,
       geolocationEnabled: geolocationEnabled,
       geolocationRequired: geolocationRequired
-    }, /*#__PURE__*/React.createElement(CompositeWizardComponent, {
+    }, /*#__PURE__*/React.createElement(CompositeWizard, {
       checks: React.useMemo(function () {
         return ['IdCapture'];
       }, []),
@@ -24907,7 +24950,7 @@
       onBeforeLivenessCheck: onBeforeSubmit,
       geolocationEnabled: geolocationEnabled,
       geolocationRequired: geolocationRequired
-    }, /*#__PURE__*/React.createElement(CompositeWizardComponent, {
+    }, /*#__PURE__*/React.createElement(CompositeWizard, {
       checks: React.useMemo(function () {
         return ['FaceLiveness'];
       }, []),
@@ -24961,20 +25004,22 @@
       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,
@@ -24991,28 +25036,28 @@
       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 () {
@@ -25030,6 +25075,7 @@
         loadingOverlayMode: idCaptureLoadingOverlayMode,
         instructions: idCaptureInstructions,
         guideType: idCaptureGuideType,
+        guideImages: idCaptureGuideImages,
         portraitGuidesOnMobile: idCapturePortraitGuidesOnMobile,
         rotateLoadingOverlayImageWhenPortrait: idCaptureRotateLoadingOverlayImageWhenPortrait,
         modelLoadTimeoutMs: idCaptureModelLoadTimeoutMs,
@@ -25039,7 +25085,7 @@
         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,
@@ -25131,7 +25177,7 @@
       onResponseReceived: onResponseReceived,
       geolocationEnabled: geolocationEnabled,
       geolocationRequired: geolocationRequired
-    }, /*#__PURE__*/React.createElement(CompositeWizardComponent, {
+    }, /*#__PURE__*/React.createElement(CompositeWizard, {
       checks: checks,
       idCaptureProps: idCaptureProps,
       faceLivenessProps: faceLivenessProps,
@@ -25192,20 +25238,22 @@
       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,
@@ -25221,28 +25269,28 @@
       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 () {
@@ -25256,6 +25304,7 @@
         loadingOverlayMode: idCaptureLoadingOverlayMode,
         instructions: idCaptureInstructions,
         guideType: idCaptureGuideType,
+        guideImages: idCaptureGuideImages,
         portraitGuidesOnMobile: idCapturePortraitGuidesOnMobile,
         rotateLoadingOverlayImageWhenPortrait: idCaptureRotateLoadingOverlayImageWhenPortrait,
         modelLoadTimeoutMs: idCaptureModelLoadTimeoutMs,
@@ -25268,7 +25317,7 @@
         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,
@@ -25358,7 +25407,7 @@
       onResponseReceived: onResponseReceived,
       geolocationEnabled: geolocationEnabled,
       geolocationRequired: geolocationRequired
-    }, /*#__PURE__*/React.createElement(CompositeWizardComponent, {
+    }, /*#__PURE__*/React.createElement(CompositeWizard, {
       checks: React.useMemo(function () {
         return ['IdCapture', 'FaceLiveness'];
       }, []),
@@ -26552,7 +26601,7 @@
       onResponseReceived: onComplete,
       geolocationEnabled: geolocationEnabled,
       geolocationRequired: geolocationRequired
-    }, /*#__PURE__*/React.createElement(CompositeWizardComponent, {
+    }, /*#__PURE__*/React.createElement(CompositeWizard, {
       checks: React.useMemo(function () {
         return ['VideoSignatureCapture'];
       }, []),
@@ -26639,43 +26688,45 @@
       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 () {
@@ -26697,6 +26748,7 @@
         customOverlayContent: customOverlayContent,
         onCustomOverlyDismissed: onCustomOverlyDismissed,
         idCaptureGuideType: idCaptureGuideType,
+        idCaptureGuideImages: idCaptureGuideImages,
         idCapturePortraitGuidesOnMobile: idCapturePortraitGuidesOnMobile,
         idCaptureRotateLoadingOverlayImageWhenPortrait: idCaptureRotateLoadingOverlayImageWhenPortrait,
         faceLivenessLoadingOverlayMode: faceLivenessLoadingOverlayMode,
@@ -26710,7 +26762,7 @@
         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,
@@ -26773,7 +26825,7 @@
       onResponseReceived: onComplete,
       geolocationEnabled: geolocationEnabled,
       geolocationRequired: geolocationRequired
-    }, /*#__PURE__*/React.createElement(CompositeWizardComponent, {
+    }, /*#__PURE__*/React.createElement(CompositeWizard, {
       checks: React.useMemo(function () {
         return ['VideoIdCapture'];
       }, []),
@@ -26932,7 +26984,7 @@
       onResponseReceived: onResponseReceived,
       geolocationEnabled: geolocationEnabled,
       geolocationRequired: geolocationRequired
-    }, /*#__PURE__*/React.createElement(CompositeWizardComponent, {
+    }, /*#__PURE__*/React.createElement(CompositeWizard, {
       checks: React.useMemo(function () {
         return ['FaceLiveness'];
       }, []),