idmission-web-sdk 2.3.170-disable-tus-cached-upload-resuming-9bf8fe4 → 2.3.171-feature-barcode-recapture-a8375e9

package/dist/sdk2.umd.development.js

@@ -211,7 +211,7 @@
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
   };
 
-  var webSdkVersion = '2.3.169';
+  var webSdkVersion = '2.3.170';
 
   function getPlatform() {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -504,8 +504,8 @@
   var OverlayImageRow = styled.div(templateObject_4$o || (templateObject_4$o = __makeTemplateObject(["\n  display: flex;\n  margin: auto;\n\n  & > div {\n    max-height: calc(100% - 320px);\n\n    & > img {\n      width: 100%;\n      max-height: 100%;\n      height: auto;\n      object-fit: contain;\n    }\n  }\n"], ["\n  display: flex;\n  margin: auto;\n\n  & > div {\n    max-height: calc(100% - 320px);\n\n    & > img {\n      width: 100%;\n      max-height: 100%;\n      height: auto;\n      object-fit: contain;\n    }\n  }\n"])));
   var GrayOverlayContainer = styled(OverlayContainer)(templateObject_5$g || (templateObject_5$g = __makeTemplateObject(["\n  background: #f7f6fb;\n"], ["\n  background: #f7f6fb;\n"])));
   var ButtonsColumn = styled.div(templateObject_6$a || (templateObject_6$a = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 15px 0;\n  justify-content: center;\n  margin-top: 24px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 15px 0;\n  justify-content: center;\n  margin-top: 24px;\n"])));
-  var WideButton = styled(LoaderButton)(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n  width: 100%;\n  border-radius: 30px;\n"], ["\n  width: 100%;\n  border-radius: 30px;\n"])));
-  var WideBorderButton = styled(WideButton)(templateObject_8$5 || (templateObject_8$5 = __makeTemplateObject(["\n  color: ", ";\n  background: ", ";\n  border: 1px solid\n    ", ";\n  box-sizing: border-box;\n"], ["\n  color: ", ";\n  background: ", ";\n  border: 1px solid\n    ", ";\n  box-sizing: border-box;\n"])), function (props) {
+  var WideButton = styled(LoaderButton)(templateObject_7$7 || (templateObject_7$7 = __makeTemplateObject(["\n  width: 100%;\n  border-radius: 30px;\n"], ["\n  width: 100%;\n  border-radius: 30px;\n"])));
+  var WideBorderButton = styled(WideButton)(templateObject_8$6 || (templateObject_8$6 = __makeTemplateObject(["\n  color: ", ";\n  background: ", ";\n  border: 1px solid\n    ", ";\n  box-sizing: border-box;\n"], ["\n  color: ", ";\n  background: ", ";\n  border: 1px solid\n    ", ";\n  box-sizing: border-box;\n"])), function (props) {
     var _a, _b;
     return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.textColor) !== null && _b !== void 0 ? _b : 'black';
   }, function (props) {
@@ -515,34 +515,34 @@
     var _a, _b;
     return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.borderColor) !== null && _b !== void 0 ? _b : 'var(--idm-color-secondary-500)';
   });
-  var LoadingOverlayInner = styled(OverlayInner$2)(templateObject_9$3 || (templateObject_9$3 = __makeTemplateObject(["\n  position: relative;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  padding: 0;\n"], ["\n  position: relative;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  padding: 0;\n"])));
-  var LoadingOverlayHeader = styled.div(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject(["\n  text-align: ", ";\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  ", "\n  padding-bottom: 0;\n"], ["\n  text-align: ", ";\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  ", "\n  padding-bottom: 0;\n"])), function (props) {
+  var LoadingOverlayInner = styled(OverlayInner$2)(templateObject_9$4 || (templateObject_9$4 = __makeTemplateObject(["\n  position: relative;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  padding: 0;\n"], ["\n  position: relative;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  padding: 0;\n"])));
+  var LoadingOverlayHeader = styled.div(templateObject_10$3 || (templateObject_10$3 = __makeTemplateObject(["\n  text-align: ", ";\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  ", "\n  padding-bottom: 0;\n"], ["\n  text-align: ", ";\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  ", "\n  padding-bottom: 0;\n"])), function (props) {
     var _a;
     return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
   }, function (props) {
     return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
   });
-  var LoadingOverlayGuidanceMessage = styled(GuidanceMessage)(templateObject_11$2 || (templateObject_11$2 = __makeTemplateObject(["\n  padding: 16px 24px;\n  margin-top: 16px;\n  font-size: 18px;\n  font-weight: bold;\n"], ["\n  padding: 16px 24px;\n  margin-top: 16px;\n  font-size: 18px;\n  font-weight: bold;\n"])));
-  var LoadingOverlayImageContainer = styled(OverlayImageContainer)(templateObject_12$2 || (templateObject_12$2 = __makeTemplateObject(["\n  padding: 0;\n  max-height: 100%;\n  pointer-events: none;\n"], ["\n  padding: 0;\n  max-height: 100%;\n  pointer-events: none;\n"])));
+  var LoadingOverlayGuidanceMessage = styled(GuidanceMessage)(templateObject_11$3 || (templateObject_11$3 = __makeTemplateObject(["\n  padding: 16px 24px;\n  margin-top: 16px;\n  font-size: 18px;\n  font-weight: bold;\n"], ["\n  padding: 16px 24px;\n  margin-top: 16px;\n  font-size: 18px;\n  font-weight: bold;\n"])));
+  var LoadingOverlayImageContainer = styled(OverlayImageContainer)(templateObject_12$3 || (templateObject_12$3 = __makeTemplateObject(["\n  padding: 0;\n  max-height: 100%;\n  pointer-events: none;\n"], ["\n  padding: 0;\n  max-height: 100%;\n  pointer-events: none;\n"])));
   var LoadingOverlayProgressBarBackground = styled.div.attrs({
     className: 'loading-overlay-progress-bar-background'
-  })(templateObject_13$2 || (templateObject_13$2 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n"])));
+  })(templateObject_13$3 || (templateObject_13$3 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n"])));
   var LoadingOverlayProgressBar = styled.span.attrs({
     className: 'loading-overlay-progress-bar'
-  })(templateObject_14$1 || (templateObject_14$1 = __makeTemplateObject(["\n  display: block;\n  width: ", "%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  position: absolute;\n"], ["\n  display: block;\n  width: ", "%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  position: absolute;\n"])), function (props) {
+  })(templateObject_14$2 || (templateObject_14$2 = __makeTemplateObject(["\n  display: block;\n  width: ", "%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  position: absolute;\n"], ["\n  display: block;\n  width: ", "%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  position: absolute;\n"])), function (props) {
     return props.$progress;
   });
   var LoadingOverlayProgressIndicator = styled.span.attrs({
     className: 'loading-overlay-progress-indicator'
-  })(templateObject_15$1 || (templateObject_15$1 = __makeTemplateObject(["\n  display: block;\n  height: 100%;\n  animation: ", " 3s ease-in-out;\n  animation-fill-mode: both;\n"], ["\n  display: block;\n  height: 100%;\n  animation: ", " 3s ease-in-out;\n  animation-fill-mode: both;\n"])), progressBarAnimation);
-  var LoadingOverlayButtonsRow = styled(ButtonsRow$2)(templateObject_16$1 || (templateObject_16$1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  padding: 15px 25px;\n  min-height: 100px;\n  width: 100%;\n  box-sizing: border-box;\n  position: relative;\n"], ["\n  display: flex;\n  flex-direction: row;\n  padding: 15px 25px;\n  min-height: 100px;\n  width: 100%;\n  box-sizing: border-box;\n  position: relative;\n"])));
-  var LoadingOverlayLoadingListContainer = styled.div(templateObject_17$1 || (templateObject_17$1 = __makeTemplateObject(["\n  display: flex;\n  position: relative;\n  z-index: 2;\n"], ["\n  display: flex;\n  position: relative;\n  z-index: 2;\n"])));
-  var LoadingOverlayLoadingList = styled.ul(templateObject_18$1 || (templateObject_18$1 = __makeTemplateObject(["\n  display: block;\n  margin: auto;\n  list-style: none;\n  padding: 0;\n"], ["\n  display: block;\n  margin: auto;\n  list-style: none;\n  padding: 0;\n"])));
-  var LoadingOverlayLoadingListItem = styled.li(templateObject_19$1 || (templateObject_19$1 = __makeTemplateObject(["\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  padding: 2px 1.25rem 2px 0;\n  line-height: 1rem;\n"], ["\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  padding: 2px 1.25rem 2px 0;\n  line-height: 1rem;\n"])));
-  var LoadingOverlayProgressContainer = styled.div(templateObject_20$1 || (templateObject_20$1 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n"])));
-  var LoadingOverlayCustomLoadingGraphic = styled.img(templateObject_21$1 || (templateObject_21$1 = __makeTemplateObject(["\n  transform-style: preserve-3d;\n"], ["\n  transform-style: preserve-3d;\n"])));
-  var LoadingOverlayContinueButtonContainer = styled.div(templateObject_22$1 || (templateObject_22$1 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-  var templateObject_1$N, templateObject_2$I, templateObject_3$u, templateObject_4$o, templateObject_5$g, templateObject_6$a, templateObject_7$6, templateObject_8$5, templateObject_9$3, templateObject_10$2, templateObject_11$2, templateObject_12$2, templateObject_13$2, templateObject_14$1, templateObject_15$1, templateObject_16$1, templateObject_17$1, templateObject_18$1, templateObject_19$1, templateObject_20$1, templateObject_21$1, templateObject_22$1;
+  })(templateObject_15$2 || (templateObject_15$2 = __makeTemplateObject(["\n  display: block;\n  height: 100%;\n  animation: ", " 3s ease-in-out;\n  animation-fill-mode: both;\n"], ["\n  display: block;\n  height: 100%;\n  animation: ", " 3s ease-in-out;\n  animation-fill-mode: both;\n"])), progressBarAnimation);
+  var LoadingOverlayButtonsRow = styled(ButtonsRow$2)(templateObject_16$2 || (templateObject_16$2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  padding: 15px 25px;\n  min-height: 100px;\n  width: 100%;\n  box-sizing: border-box;\n  position: relative;\n"], ["\n  display: flex;\n  flex-direction: row;\n  padding: 15px 25px;\n  min-height: 100px;\n  width: 100%;\n  box-sizing: border-box;\n  position: relative;\n"])));
+  var LoadingOverlayLoadingListContainer = styled.div(templateObject_17$2 || (templateObject_17$2 = __makeTemplateObject(["\n  display: flex;\n  position: relative;\n  z-index: 2;\n"], ["\n  display: flex;\n  position: relative;\n  z-index: 2;\n"])));
+  var LoadingOverlayLoadingList = styled.ul(templateObject_18$2 || (templateObject_18$2 = __makeTemplateObject(["\n  display: block;\n  margin: auto;\n  list-style: none;\n  padding: 0;\n"], ["\n  display: block;\n  margin: auto;\n  list-style: none;\n  padding: 0;\n"])));
+  var LoadingOverlayLoadingListItem = styled.li(templateObject_19$2 || (templateObject_19$2 = __makeTemplateObject(["\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  padding: 2px 1.25rem 2px 0;\n  line-height: 1rem;\n"], ["\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  padding: 2px 1.25rem 2px 0;\n  line-height: 1rem;\n"])));
+  var LoadingOverlayProgressContainer = styled.div(templateObject_20$2 || (templateObject_20$2 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n"])));
+  var LoadingOverlayCustomLoadingGraphic = styled.img(templateObject_21$2 || (templateObject_21$2 = __makeTemplateObject(["\n  transform-style: preserve-3d;\n"], ["\n  transform-style: preserve-3d;\n"])));
+  var LoadingOverlayContinueButtonContainer = styled.div(templateObject_22$2 || (templateObject_22$2 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
+  var templateObject_1$N, templateObject_2$I, templateObject_3$u, templateObject_4$o, templateObject_5$g, templateObject_6$a, templateObject_7$7, templateObject_8$6, templateObject_9$4, templateObject_10$3, templateObject_11$3, templateObject_12$3, templateObject_13$3, templateObject_14$2, templateObject_15$2, templateObject_16$2, templateObject_17$2, templateObject_18$2, templateObject_19$2, templateObject_20$2, templateObject_21$2, templateObject_22$2;
 
   function _extends() {
     return _extends = Object.assign ? Object.assign.bind() : function (n) {
@@ -13413,8 +13413,13 @@
           if (!selectedVideoStreamId) return;
           var srcObject = e.currentTarget.srcObject;
           if (srcObject.id === selectedVideoStreamId) {
+            var _a = e.currentTarget,
+              videoWidth = _a.videoWidth,
+              videoHeight = _a.videoHeight;
             set({
-              videoLoaded: true
+              videoLoaded: true,
+              videoWidth: videoWidth,
+              videoHeight: videoHeight
             });
           } else {
             set({
@@ -13727,26 +13732,25 @@
   };
   var CameraStoreContext = /*#__PURE__*/React.createContext(undefined);
   function CameraStoreProvider(_a) {
-    var _b;
     var children = _a.children,
-      _c = _a.requestAccessAutomatically,
-      requestAccessAutomatically = _c === void 0 ? true : _c,
-      _d = _a.preferIphoneContinuityCamera,
-      preferIphoneContinuityCamera = _d === void 0 ? true : _d,
-      _e = _a.preferFrontFacingCamera,
-      preferFrontFacingCamera = _e === void 0 ? false : _e,
-      _f = _a.maxVideoWidth,
-      maxVideoWidth = _f === void 0 ? 1920 : _f,
+      _b = _a.requestAccessAutomatically,
+      requestAccessAutomatically = _b === void 0 ? true : _b,
+      _c = _a.preferIphoneContinuityCamera,
+      preferIphoneContinuityCamera = _c === void 0 ? true : _c,
+      _d = _a.preferFrontFacingCamera,
+      preferFrontFacingCamera = _d === void 0 ? false : _d,
+      _e = _a.maxVideoWidth,
+      maxVideoWidth = _e === void 0 ? 1920 : _e,
       maxFps = _a.maxFps,
       onCameraAccessDenied = _a.onCameraAccessDenied,
       onCameraTamperingDetected = _a.onCameraTamperingDetected,
       onMicrophoneAccessDenied = _a.onMicrophoneAccessDenied,
-      _g = _a.requireMicrophoneAccess,
-      requireMicrophoneAccess = _g === void 0 ? false : _g,
-      _h = _a.classNames,
-      classNames = _h === void 0 ? {} : _h,
-      _j = _a.verbiage,
-      verbiage = _j === void 0 ? {} : _j;
+      _f = _a.requireMicrophoneAccess,
+      requireMicrophoneAccess = _f === void 0 ? false : _f,
+      _g = _a.classNames,
+      classNames = _g === void 0 ? {} : _g,
+      _h = _a.verbiage,
+      verbiage = _h === void 0 ? {} : _h;
     var videoRef = React.useRef(null);
     var store = React.useRef(undefined);
     store.current || (store.current = createCameraStore({
@@ -13760,16 +13764,6 @@
       onMicrophoneAccessDenied: onMicrophoneAccessDenied,
       requireMicrophoneAccess: requireMicrophoneAccess
     }));
-    var _k = (_b = videoRef.current) !== null && _b !== void 0 ? _b : {},
-      videoWidth = _k.videoWidth,
-      videoHeight = _k.videoHeight;
-    React.useEffect(function () {
-      var _a;
-      (_a = store.current) === null || _a === void 0 ? void 0 : _a.setState({
-        videoWidth: videoWidth,
-        videoHeight: videoHeight
-      });
-    }, [videoWidth, videoHeight]);
     React.useEffect(function () {
       var _a, _b, _c;
       var state = (_a = store.current) === null || _a === void 0 ? void 0 : _a.getState();
@@ -14848,6 +14842,15 @@
     getBestBarcode: function getBestBarcode() {
       return null;
     },
+    startBarcodeRecapturePhase: function startBarcodeRecapturePhase() {
+      return null;
+    },
+    getInitialCaptureBestBarcode: function getInitialCaptureBestBarcode() {
+      return null;
+    },
+    getRecaptureBestBarcode: function getRecaptureBestBarcode() {
+      return null;
+    },
     requiredDocumentType: 'none',
     setRequiredDocumentType: function setRequiredDocumentType() {
       return null;
@@ -14907,6 +14910,14 @@
     var bestBarcodeScore = React.useRef(0);
     var stopDetection = React.useRef(0);
     var analyzeBarcodeReadability = useBarcodeReadabilityAnalysis();
+    // Barcode recapture tracking - separate canvases for initial and recapture sequences
+    var initialCaptureBarcodeCanvas = React.useRef(null);
+    var initialCaptureBarcodeDetails = React.useRef(null);
+    var initialCaptureBarcodeScore = React.useRef(0);
+    var recaptureBarcodeCanvas = React.useRef(null);
+    var recaptureBarcodeDetails = React.useRef(null);
+    var recaptureBarcodeScore = React.useRef(0);
+    var isRecapturePhase = React.useRef(false);
     var _h = React.useState('none'),
       requiredDocumentType = _h[0],
       setRequiredDocumentType = _h[1];
@@ -14931,10 +14942,10 @@
       var _this = this;
       onDocumentDetected(function (prediction) {
         return __awaiter(_this, void 0, void 0, function () {
-          var stopDetectionAtStart, focusPredictionTime, focusScore, focusThresholdMet, pdf417PredictionTime, pdf417PredictionScore, pdf417PredictionThresholdMet, isSinglePage, isRequiredDocumentType, focusPrediction, focusThresholdSet, focusThreshold, barcodeAnalysisResult;
-          var _a, _b, _c, _d, _e, _f, _g;
-          return __generator(this, function (_h) {
-            switch (_h.label) {
+          var stopDetectionAtStart, focusPredictionTime, focusScore, focusThresholdMet, pdf417PredictionTime, pdf417PredictionScore, pdf417PredictionThresholdMet, isSinglePage, isRequiredDocumentType, isInRecapturePhase, shouldRunBarcodeAnalysisDuringRecapture, focusPrediction, focusThresholdSet, focusThreshold, barcodeAnalysisResult, ctx, barcodeAnalysisResult, ctx;
+          var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+          return __generator(this, function (_k) {
+            switch (_k.label) {
               case 0:
                 if (!lastPredictionCanvas.current) return [2 /*return*/];
                 stopDetectionAtStart = stopDetection.current;
@@ -14948,7 +14959,9 @@
                   prediction.singlePageDetectionThresholdMet = false;
                 }
                 isRequiredDocumentType = requiredDocumentType === 'none' || prediction.detectedDocumentType === requiredDocumentType || ((_a = requiredDocumentType.includes) === null || _a === void 0 ? void 0 : _a.call(requiredDocumentType, prediction.detectedDocumentType)) || allowSinglePageIdCapture && isSinglePage && ((_b = requiredDocumentType.includes) === null || _b === void 0 ? void 0 : _b.call(requiredDocumentType, 'idCardFront'));
-                if (!(isRequiredDocumentType && prediction.detectedDocumentType !== 'none' && prediction.detectionThresholdMet && prediction.documentInBounds && !prediction.documentTooClose && prediction.documentIsStable)) return [3 /*break*/, 2];
+                isInRecapturePhase = isRecapturePhase.current;
+                shouldRunBarcodeAnalysisDuringRecapture = isInRecapturePhase && isRequiredDocumentType && prediction.detectedDocumentType !== 'none' && prediction.detectionThresholdMet && prediction.documentIsStable && prediction.bestDocument && prediction.bestPDF417;
+                if (!(isRequiredDocumentType && prediction.detectedDocumentType !== 'none' && prediction.detectionThresholdMet && prediction.documentInBounds && !prediction.documentTooClose && prediction.documentIsStable)) return [3 /*break*/, 3];
                 focusPrediction = makeFocusPrediction(lastPredictionCanvas.current, (_c = prediction.bestDocument) === null || _c === void 0 ? void 0 : _c.box);
                 if (focusPrediction) {
                   focusScore = focusPrediction.score;
@@ -14971,7 +14984,7 @@
                 if (!(enableBarcodeReadabilityModel && prediction.bestDocument && prediction.bestPDF417 && croppedDocumentCanvas.current)) return [3 /*break*/, 2];
                 return [4 /*yield*/, analyzeBarcodeReadability(prediction, lastPredictionCanvas.current, croppedDocumentCanvas.current, bestBarcodeCanvas.current, bestBarcodeScore.current)];
               case 1:
-                barcodeAnalysisResult = _h.sent();
+                barcodeAnalysisResult = _k.sent();
                 pdf417PredictionTime = barcodeAnalysisResult.pdf417PredictionTime;
                 pdf417PredictionScore = barcodeAnalysisResult.pdf417PredictionScore;
                 pdf417PredictionThresholdMet = barcodeAnalysisResult.pdf417PredictionThresholdMet;
@@ -14981,15 +14994,61 @@
                 if (barcodeAnalysisResult.newBestBarcodeDetails) {
                   bestBarcodeDetails.current = barcodeAnalysisResult.newBestBarcodeDetails;
                 }
-                _h.label = 2;
+                // During recapture phase, also track best barcode separately for recapture sequence
+                if (isRecapturePhase.current && recaptureBarcodeCanvas.current && pdf417PredictionScore > recaptureBarcodeScore.current) {
+                  recaptureBarcodeScore.current = pdf417PredictionScore;
+                  recaptureBarcodeDetails.current = (_g = barcodeAnalysisResult.newBestBarcodeDetails) !== null && _g !== void 0 ? _g : null;
+                  // Copy the current best barcode canvas to recapture canvas
+                  if (bestBarcodeCanvas.current) {
+                    ctx = recaptureBarcodeCanvas.current.getContext('2d');
+                    if (ctx) {
+                      recaptureBarcodeCanvas.current.width = bestBarcodeCanvas.current.width;
+                      recaptureBarcodeCanvas.current.height = bestBarcodeCanvas.current.height;
+                      ctx.drawImage(bestBarcodeCanvas.current, 0, 0);
+                    }
+                  }
+                }
+                _k.label = 2;
               case 2:
+                return [3 /*break*/, 5];
+              case 3:
+                if (!shouldRunBarcodeAnalysisDuringRecapture) return [3 /*break*/, 5];
+                if (!(enableBarcodeReadabilityModel && croppedDocumentCanvas.current && stopDetectionAtStart === stopDetection.current)) return [3 /*break*/, 5];
+                return [4 /*yield*/, analyzeBarcodeReadability(prediction, lastPredictionCanvas.current, croppedDocumentCanvas.current, bestBarcodeCanvas.current, bestBarcodeScore.current)];
+              case 4:
+                barcodeAnalysisResult = _k.sent();
+                pdf417PredictionTime = barcodeAnalysisResult.pdf417PredictionTime;
+                pdf417PredictionScore = barcodeAnalysisResult.pdf417PredictionScore;
+                pdf417PredictionThresholdMet = barcodeAnalysisResult.pdf417PredictionThresholdMet;
+                if (barcodeAnalysisResult.newBestBarcodeScore) {
+                  bestBarcodeScore.current = barcodeAnalysisResult.newBestBarcodeScore;
+                }
+                if (barcodeAnalysisResult.newBestBarcodeDetails) {
+                  bestBarcodeDetails.current = barcodeAnalysisResult.newBestBarcodeDetails;
+                }
+                // Track best barcode separately for recapture sequence
+                if (recaptureBarcodeCanvas.current && pdf417PredictionScore > recaptureBarcodeScore.current) {
+                  recaptureBarcodeScore.current = pdf417PredictionScore;
+                  recaptureBarcodeDetails.current = (_h = barcodeAnalysisResult.newBestBarcodeDetails) !== null && _h !== void 0 ? _h : null;
+                  // Copy the current best barcode canvas to recapture canvas
+                  if (bestBarcodeCanvas.current) {
+                    ctx = recaptureBarcodeCanvas.current.getContext('2d');
+                    if (ctx) {
+                      recaptureBarcodeCanvas.current.width = bestBarcodeCanvas.current.width;
+                      recaptureBarcodeCanvas.current.height = bestBarcodeCanvas.current.height;
+                      ctx.drawImage(bestBarcodeCanvas.current, 0, 0);
+                    }
+                  }
+                }
+                _k.label = 5;
+              case 5:
                 /**
                  * @note
                  * This should ALWAYS be called.
                  * Do not return early from this function unless
                  * lastPredictionCanvas.current is not set
                  */
-                (_g = onPredictionHandler.current) === null || _g === void 0 ? void 0 : _g.call(onPredictionHandler, _assign(_assign({}, prediction), {
+                (_j = onPredictionHandler.current) === null || _j === void 0 ? void 0 : _j.call(onPredictionHandler, _assign(_assign({}, prediction), {
                   focusScore: focusScore,
                   focusPredictionTime: focusPredictionTime,
                   focusThresholdMet: focusThresholdMet,
@@ -15022,19 +15081,58 @@
         canvas: bestBarcodeCanvas.current
       });
     }, []);
+    var startBarcodeRecapturePhase = React.useCallback(function () {
+      // Snapshot current best barcode to initial capture canvas
+      if (bestBarcodeCanvas.current && initialCaptureBarcodeCanvas.current) {
+        var ctx = initialCaptureBarcodeCanvas.current.getContext('2d');
+        if (ctx) {
+          initialCaptureBarcodeCanvas.current.width = bestBarcodeCanvas.current.width;
+          initialCaptureBarcodeCanvas.current.height = bestBarcodeCanvas.current.height;
+          ctx.drawImage(bestBarcodeCanvas.current, 0, 0);
+        }
+      }
+      initialCaptureBarcodeDetails.current = bestBarcodeDetails.current ? _assign({}, bestBarcodeDetails.current) : null;
+      initialCaptureBarcodeScore.current = bestBarcodeScore.current;
+      // Reset recapture tracking
+      recaptureBarcodeScore.current = 0;
+      recaptureBarcodeDetails.current = null;
+      // Enter recapture phase
+      isRecapturePhase.current = true;
+    }, []);
+    var getInitialCaptureBestBarcode = React.useCallback(function () {
+      if (!initialCaptureBarcodeDetails.current || !initialCaptureBarcodeCanvas.current) return null;
+      return _assign(_assign({}, initialCaptureBarcodeDetails.current), {
+        canvas: initialCaptureBarcodeCanvas.current
+      });
+    }, []);
+    var getRecaptureBestBarcode = React.useCallback(function () {
+      if (!recaptureBarcodeDetails.current || !recaptureBarcodeCanvas.current) return null;
+      return _assign(_assign({}, recaptureBarcodeDetails.current), {
+        canvas: recaptureBarcodeCanvas.current
+      });
+    }, []);
     var _j = React.useState(0),
       canvasKey = _j[0],
       setCanvasKey = _j[1];
     var resetBestFrame = React.useCallback(function () {
+      // During recapture phase, preserve all canvas state to avoid race conditions
+      // that could result in black/empty barcode images on slow devices
+      if (isRecapturePhase.current) {
+        return;
+      }
       stopDetection.current += 1;
-      setCanvasKey(function (n) {
-        return n + 1;
-      });
       clearDocumentDetectionLastPredictionCanvas();
       bestFrameDetails.current = null;
       bestFocusScore.current = 0;
       bestBarcodeScore.current = 0;
       bestBarcodeDetails.current = null;
+      setCanvasKey(function (n) {
+        return n + 1;
+      });
+      initialCaptureBarcodeScore.current = 0;
+      initialCaptureBarcodeDetails.current = null;
+      recaptureBarcodeScore.current = 0;
+      recaptureBarcodeDetails.current = null;
     }, [clearDocumentDetectionLastPredictionCanvas]);
     React.useEffect(function () {
       if (requiredDocumentType) resetBestFrame();
@@ -15100,10 +15198,13 @@
         bestFrameDetails: bestFrameDetails,
         bestBarcodeDetails: bestBarcodeDetails,
         getBestBarcode: getBestBarcode,
+        startBarcodeRecapturePhase: startBarcodeRecapturePhase,
+        getInitialCaptureBestBarcode: getInitialCaptureBestBarcode,
+        getRecaptureBestBarcode: getRecaptureBestBarcode,
         requiredDocumentType: requiredDocumentType,
         setRequiredDocumentType: setRequiredDocumentType
       };
-    }, [ready, modelDownloadProgress, modelLoadState, modelWarmingStartedAt, modelError, startDocumentDetection, stopDocumentDetection, load, thresholds, setThresholds, documentDetectionBoundaries, setDocumentDetectionBoundaries, onPredictionMade, detectionTime, focusPredictionTime, barcodeReadabilityPredictionTime, getBestFrame, resetBestFrame, getBestBarcode, requiredDocumentType]);
+    }, [ready, modelDownloadProgress, modelLoadState, modelWarmingStartedAt, modelError, startDocumentDetection, stopDocumentDetection, load, thresholds, setThresholds, documentDetectionBoundaries, setDocumentDetectionBoundaries, onPredictionMade, detectionTime, focusPredictionTime, barcodeReadabilityPredictionTime, getBestFrame, resetBestFrame, getBestBarcode, startBarcodeRecapturePhase, getInitialCaptureBestBarcode, getRecaptureBestBarcode, requiredDocumentType]);
     return /*#__PURE__*/React.createElement(IdCaptureModelsContext.Provider, {
       value: value
     }, /*#__PURE__*/React.createElement(InvisibleCanvasContainer, null, /*#__PURE__*/React.createElement(InvisibleCanvas, {
@@ -15115,6 +15216,12 @@
     }), /*#__PURE__*/React.createElement(InvisibleCanvas, {
       key: "cd-".concat(canvasKey),
       ref: croppedDocumentCanvas
+    }), /*#__PURE__*/React.createElement(InvisibleCanvas, {
+      key: "icb-".concat(canvasKey),
+      ref: initialCaptureBarcodeCanvas
+    }), /*#__PURE__*/React.createElement(InvisibleCanvas, {
+      key: "rcb-".concat(canvasKey),
+      ref: recaptureBarcodeCanvas
     })), children);
   }
   function IdCaptureModelsProvider(_a) {
@@ -15572,6 +15679,8 @@
     singlePageDetectionThresholdMet: false,
     focusScore: 0,
     focusThresholdMet: false,
+    pdf417PredictionScore: 0,
+    pdf417PredictionThresholdMet: false,
     isGoodFrame: false,
     goodFramesCount: 0,
     goodFramesThreshold: 3,
@@ -15593,30 +15702,42 @@
     uploadingDocumentsType: null,
     operationStartedAt: null,
     captureStartedAt: null,
+    barcodeRecaptureStartedAt: null,
+    initialBarcodeScore: 0,
+    recaptureBarcodeScore: null,
+    barcodeRecaptureThreshold: 0,
+    barcodeRecaptureTimeoutMs: 5000,
+    initialCaptureBarcodeImage: null,
+    recaptureBarcodeImage: null,
     dispatch: function dispatch() {
       return null;
     }
   };
   var _reducer = function reducer(state, action) {
     var _a;
+    var _b, _c;
     switch (action.type) {
       case 'configureWizard':
         {
-          var _b = action.payload,
-            captureRequirement = _b.captureRequirement,
-            precapturedDocuments = _b.precapturedDocuments,
-            allowSinglePageIdCapture = _b.allowSinglePageIdCapture,
-            allowIdCardBackToFrontCapture = _b.allowIdCardBackToFrontCapture,
-            enableOverrideWrongDocumentTypeDialog = _b.enableOverrideWrongDocumentTypeDialog,
-            allowOverrideWrongDocumentTypeAfterMs = _b.allowOverrideWrongDocumentTypeAfterMs,
-            allowUploadingDocumentsFromStorage = _b.allowUploadingDocumentsFromStorage;
+          var _d = action.payload,
+            captureRequirement = _d.captureRequirement,
+            precapturedDocuments = _d.precapturedDocuments,
+            allowSinglePageIdCapture = _d.allowSinglePageIdCapture,
+            allowIdCardBackToFrontCapture = _d.allowIdCardBackToFrontCapture,
+            enableOverrideWrongDocumentTypeDialog = _d.enableOverrideWrongDocumentTypeDialog,
+            allowOverrideWrongDocumentTypeAfterMs = _d.allowOverrideWrongDocumentTypeAfterMs,
+            allowUploadingDocumentsFromStorage = _d.allowUploadingDocumentsFromStorage,
+            barcodeRecaptureThreshold = _d.barcodeRecaptureThreshold,
+            barcodeRecaptureTimeoutMs = _d.barcodeRecaptureTimeoutMs;
           var newState = _assign(_assign({}, state), {
             captureRequirement: captureRequirement,
             allowSinglePageIdCapture: allowSinglePageIdCapture !== null && allowSinglePageIdCapture !== void 0 ? allowSinglePageIdCapture : false,
             allowIdCardBackToFrontCapture: allowIdCardBackToFrontCapture !== null && allowIdCardBackToFrontCapture !== void 0 ? allowIdCardBackToFrontCapture : false,
             enableOverrideWrongDocumentTypeDialog: enableOverrideWrongDocumentTypeDialog,
             allowOverrideWrongDocumentTypeAfterMs: allowOverrideWrongDocumentTypeAfterMs,
-            allowUploadingDocumentsFromStorage: allowUploadingDocumentsFromStorage
+            allowUploadingDocumentsFromStorage: allowUploadingDocumentsFromStorage,
+            barcodeRecaptureThreshold: barcodeRecaptureThreshold !== null && barcodeRecaptureThreshold !== void 0 ? barcodeRecaptureThreshold : 0,
+            barcodeRecaptureTimeoutMs: barcodeRecaptureTimeoutMs !== null && barcodeRecaptureTimeoutMs !== void 0 ? barcodeRecaptureTimeoutMs : 5000
           });
           if (captureRequirement === 'idCardBack') newState.requestedDocumentType = 'idCardBack';
           if (captureRequirement === 'passport') newState.requestedDocumentType = 'passport';
@@ -15673,26 +15794,28 @@
         });
       case 'objectsDetected':
         {
-          var _c = action.payload.prediction,
-            detectedObjects = _c.detectedObjects,
-            detectionThresholdMet = _c.detectionThresholdMet,
-            detectedDocumentType = _c.detectedDocumentType,
-            idCardFrontDetectionScore = _c.idCardFrontDetectionScore,
-            idCardFrontDetectionThresholdMet = _c.idCardFrontDetectionThresholdMet,
-            idCardBackDetectionScore = _c.idCardBackDetectionScore,
-            idCardBackDetectionThresholdMet = _c.idCardBackDetectionThresholdMet,
-            passportDetectionScore = _c.passportDetectionScore,
-            passportDetectionThresholdMet = _c.passportDetectionThresholdMet,
-            singlePageDetectionScore = _c.singlePageDetectionScore,
-            singlePageDetectionThresholdMet = _c.singlePageDetectionThresholdMet,
-            bestDocument = _c.bestDocument,
-            documentInBounds = _c.documentInBounds,
-            documentTooClose = _c.documentTooClose,
-            documentIsStable = _c.documentIsStable,
-            focusScore = _c.focusScore,
-            focusThresholdMet = _c.focusThresholdMet,
-            frameWidth = _c.frameWidth,
-            frameHeight = _c.frameHeight;
+          var _e = action.payload.prediction,
+            detectedObjects = _e.detectedObjects,
+            detectionThresholdMet = _e.detectionThresholdMet,
+            detectedDocumentType = _e.detectedDocumentType,
+            idCardFrontDetectionScore = _e.idCardFrontDetectionScore,
+            idCardFrontDetectionThresholdMet = _e.idCardFrontDetectionThresholdMet,
+            idCardBackDetectionScore = _e.idCardBackDetectionScore,
+            idCardBackDetectionThresholdMet = _e.idCardBackDetectionThresholdMet,
+            passportDetectionScore = _e.passportDetectionScore,
+            passportDetectionThresholdMet = _e.passportDetectionThresholdMet,
+            singlePageDetectionScore = _e.singlePageDetectionScore,
+            singlePageDetectionThresholdMet = _e.singlePageDetectionThresholdMet,
+            bestDocument = _e.bestDocument,
+            documentInBounds = _e.documentInBounds,
+            documentTooClose = _e.documentTooClose,
+            documentIsStable = _e.documentIsStable,
+            focusScore = _e.focusScore,
+            focusThresholdMet = _e.focusThresholdMet,
+            pdf417PredictionScore = _e.pdf417PredictionScore,
+            pdf417PredictionThresholdMet = _e.pdf417PredictionThresholdMet,
+            frameWidth = _e.frameWidth,
+            frameHeight = _e.frameHeight;
           var frameCapturedAt = new Date();
           var frameCaptureRate = 0;
           var goodFramesThreshold = state.goodFramesThreshold;
@@ -15772,6 +15895,8 @@
             singlePageDetectionThresholdMet: singlePageDetectionThresholdMet,
             focusScore: focusScore,
             focusThresholdMet: focusThresholdMet,
+            pdf417PredictionScore: pdf417PredictionScore,
+            pdf417PredictionThresholdMet: pdf417PredictionThresholdMet,
             isGoodFrame: isGoodFrame,
             goodFramesCount: goodFramesCount,
             goodFramesThreshold: goodFramesThreshold,
@@ -15825,7 +15950,18 @@
           });
           var remainingRequirements = remainingIdCaptureRequirements(state.captureRequirement, newState.capturedDocuments, state.requestedDocumentType);
           if (remainingRequirements.length === 0) {
-            newState.captureState = 'complete';
+            // Check if we just captured ID back and need barcode recapture
+            var justCapturedIdBack = action.payload.documentType === 'idCardBack';
+            var barcodeScore = (_c = (_b = state.capturedDocuments.idBarcodeImage) === null || _b === void 0 ? void 0 : _b.barcodeReadabilityScore) !== null && _c !== void 0 ? _c : 0;
+            var needsBarcodeRecapture = justCapturedIdBack && state.barcodeRecaptureThreshold > 0 && barcodeScore < state.barcodeRecaptureThreshold;
+            if (needsBarcodeRecapture) {
+              // Skip 'complete' and go directly to barcode recapture
+              newState.captureState = 'requestingBetterBarcode';
+              newState.barcodeRecaptureStartedAt = new Date();
+              newState.initialBarcodeScore = barcodeScore;
+            } else {
+              newState.captureState = 'complete';
+            }
           } else {
             newState.requestedDocumentType = remainingRequirements[0];
             if (state.requestedDocumentType === 'idCardFront' && newState.requestedDocumentType === 'idCardBack' || state.requestedDocumentType === 'idCardBack' && newState.requestedDocumentType === 'idCardFront') {
@@ -15852,8 +15988,8 @@
       case 'documentsCaptured':
         {
           var newState = _assign({}, state);
-          for (var _d = 0, _e = action.payload; _d < _e.length; _d++) {
-            var doc = _e[_d];
+          for (var _f = 0, _g = action.payload; _f < _g.length; _f++) {
+            var doc = _g[_f];
             newState = _reducer(newState, {
               type: 'documentCaptured',
               payload: doc
@@ -15903,13 +16039,49 @@
             requestedDocumentType: requestedDocumentType
           });
         }
+      case 'barcodeRecaptureStarted':
+        return _assign(_assign({}, state), {
+          captureState: 'requestingBetterBarcode',
+          barcodeRecaptureStartedAt: new Date(),
+          initialBarcodeScore: action.payload.initialBarcodeScore,
+          initialCaptureBarcodeImage: action.payload.initialCaptureBarcodeImage,
+          recaptureBarcodeScore: null,
+          recaptureBarcodeImage: null,
+          goodFramesCount: 0,
+          capturing: false
+        });
+      case 'barcodeRecaptureScoreUpdated':
+        return _assign(_assign({}, state), {
+          recaptureBarcodeScore: action.payload.recaptureBarcodeScore
+        });
+      case 'recaptureBarcodeImageCaptured':
+        return _assign(_assign({}, state), {
+          recaptureBarcodeImage: action.payload.recaptureBarcodeImage
+        });
+      case 'barcodeRecaptureCompleted':
+        return _assign(_assign({}, state), {
+          captureState: 'complete',
+          barcodeRecaptureStartedAt: null
+        });
       case 'resetWizard':
         return _assign(_assign({}, initialState$5), {
           dispatch: state.dispatch,
+          // Preserve all configuration values
+          captureRequirement: state.captureRequirement,
+          allowSinglePageIdCapture: state.allowSinglePageIdCapture,
+          allowIdCardBackToFrontCapture: state.allowIdCardBackToFrontCapture,
+          enableOverrideWrongDocumentTypeDialog: state.enableOverrideWrongDocumentTypeDialog,
+          allowOverrideWrongDocumentTypeAfterMs: state.allowOverrideWrongDocumentTypeAfterMs,
           allowUploadingDocumentsFromStorage: state.allowUploadingDocumentsFromStorage,
+          barcodeRecaptureThreshold: state.barcodeRecaptureThreshold,
+          barcodeRecaptureTimeoutMs: state.barcodeRecaptureTimeoutMs,
+          // Reset capture-specific state
           captureState: state.allowUploadingDocumentsFromStorage ? 'initializing' : 'capturing',
-          captureRequirement: state.captureRequirement,
-          allowIdCardBackToFrontCapture: state.allowIdCardBackToFrontCapture
+          barcodeRecaptureStartedAt: null,
+          initialBarcodeScore: 0,
+          recaptureBarcodeScore: null,
+          initialCaptureBarcodeImage: null,
+          recaptureBarcodeImage: null
         });
       default:
         return state;
@@ -16341,36 +16513,36 @@
   }
 
   var IdCapture = function IdCapture(_a) {
-    var _b, _c, _d, _e, _f, _g;
+    var _b, _c, _d, _e, _f, _g, _h, _j;
     var requiredDocumentType = _a.requiredDocumentType,
-      _h = _a.thresholds,
-      thresholds = _h === void 0 ? defaultIdCaptureThresholds : _h,
+      _k = _a.thresholds,
+      thresholds = _k === void 0 ? defaultIdCaptureThresholds : _k,
       guidanceMessage = _a.guidanceMessage,
       guidanceSatisfied = _a.guidanceSatisfied,
       onCapture = _a.onCapture,
-      _j = _a.classNames,
-      classNames = _j === void 0 ? {} : _j,
-      _k = _a.colors,
-      colors = _k === void 0 ? {} : _k,
-      _l = _a.verbiage,
-      rawVerbiage = _l === void 0 ? {} : _l,
-      _m = _a.debugMode,
-      debugMode = _m === void 0 ? false : _m;
-    var _o = useResizeObserver(),
-      ref = _o.ref,
-      _p = _o.width,
-      width = _p === void 0 ? 1 : _p,
-      _q = _o.height,
-      height = _q === void 0 ? 1 : _q;
+      _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 state = useIdCaptureStore();
     var isRearFacing = useCameraStore().isRearFacing;
-    var _r = useIdCaptureModelsContext(),
-      modelsReady = _r.ready,
-      setThresholds = _r.setThresholds,
-      detectionTime = _r.detectionTime,
-      focusPredictionTime = _r.focusPredictionTime,
-      getBestFrame = _r.getBestFrame,
-      getBestBarcode = _r.getBestBarcode;
+    var _t = useIdCaptureModelsContext(),
+      modelsReady = _t.ready,
+      setThresholds = _t.setThresholds,
+      detectionTime = _t.detectionTime,
+      focusPredictionTime = _t.focusPredictionTime,
+      getBestFrame = _t.getBestFrame,
+      getBestBarcode = _t.getBestBarcode;
     React.useEffect(function () {
       return dispatchIdCaptureAction({
         type: 'captureInitialized'
@@ -16395,7 +16567,7 @@
         }
       });
     }, [height, width]);
-    var shouldCapture = state.goodFramesThresholdMet && !state.capturing && timeSince(state.captureStartedAt) >= 3000;
+    var shouldCapture = state.captureState === 'capturing' && state.goodFramesThresholdMet && !state.capturing && timeSince(state.captureStartedAt) >= 3000;
     React.useEffect(function () {
       if (!shouldCapture) return;
       dispatchIdCaptureAction({
@@ -16495,13 +16667,18 @@
       "$flipX": !isRearFacing,
       scaling: debugScalingDetails
     }, state.detectedObjects.map(function (obj, i) {
+      // During barcode recapture, render PDF417 barcodes with green color
+      var isBarcodeRecapture = state.captureState === 'requestingBetterBarcode';
+      var isBarcode = obj.label === 'PDF417';
+      var color = isBarcodeRecapture && isBarcode ? 'green' : undefined;
       return /*#__PURE__*/React.createElement(IdCaptureDetectedObjectDebugBox, {
         key: i,
         obj: obj,
         scaling: debugScalingDetails,
-        flipX: !isRearFacing
+        flipX: !isRearFacing,
+        color: color
       });
-    }))), debugMode && (/*#__PURE__*/React.createElement(DebugStatsPane, null, camera ? (/*#__PURE__*/React.createElement(React.Fragment, null, "\u2705 Camera: ", camera.label, " (", camera.width, "x", camera.height, ")")) : '❌ Camera not ready', /*#__PURE__*/React.createElement("br", null), state.frameCaptureRate > 0.75 ? '✅' : '👎', " Frame Rate:", ' ', Math.round((state.frameCaptureRate + Number.EPSILON) * 1000) / 1000, ' ', "fps (", detectionTime, "ms doc detect, ", focusPredictionTime, "ms focus)", /*#__PURE__*/React.createElement("br", null), modelsReady ? (/*#__PURE__*/React.createElement(React.Fragment, null, state.detectionThresholdMet ? '✅' : '❌', " Detected Document Type: ", state.detectedDocumentType, /*#__PURE__*/React.createElement("br", null), state.idCardFrontDetectionThresholdMet ? '✅' : '❌', " ID Card Front Score: ", state.idCardFrontDetectionScore.toFixed(3), /*#__PURE__*/React.createElement("br", null), state.idCardBackDetectionThresholdMet ? '✅' : '❌', " ID Card Back Score: ", state.idCardBackDetectionScore.toFixed(3), /*#__PURE__*/React.createElement("br", null), state.passportDetectionThresholdMet ? '✅' : '❌', " Passport Score: ", state.passportDetectionScore.toFixed(3), /*#__PURE__*/React.createElement("br", null), state.singlePageDetectionThresholdMet ? '✅' : '❌', " Single Page Score: ", state.singlePageDetectionScore.toFixed(3), /*#__PURE__*/React.createElement("br", null), state.focusThresholdMet ? '✅' : '❌', " Focus Score:", ' ', state.focusScore.toFixed(3), /*#__PURE__*/React.createElement("br", null), state.documentInBounds ? '✅' : '❌', " Document In Bounds", /*#__PURE__*/React.createElement("br", null), state.documentIsStable ? '✅' : '❌', " Document Is Stable", /*#__PURE__*/React.createElement("br", null), state.goodFramesThresholdMet ? '✅' : '❌', " Good Frame Count:", ' ', state.goodFramesCount, "/", state.goodFramesThreshold)) : (/*#__PURE__*/React.createElement(React.Fragment, null, "\u274C Models not ready")))));
+    }))), debugMode && (/*#__PURE__*/React.createElement(DebugStatsPane, null, camera ? (/*#__PURE__*/React.createElement(React.Fragment, null, "\u2705 Camera: ", camera.label, " (", camera.width, "x", camera.height, ")")) : '❌ Camera not ready', /*#__PURE__*/React.createElement("br", null), state.frameCaptureRate > 0.75 ? '✅' : '👎', " Frame Rate:", ' ', Math.round((state.frameCaptureRate + Number.EPSILON) * 1000) / 1000, ' ', "fps (", detectionTime, "ms doc detect, ", focusPredictionTime, "ms focus)", /*#__PURE__*/React.createElement("br", null), modelsReady ? (/*#__PURE__*/React.createElement(React.Fragment, null, state.detectionThresholdMet ? '✅' : '❌', " Detected Document Type: ", state.detectedDocumentType, /*#__PURE__*/React.createElement("br", null), state.idCardFrontDetectionThresholdMet ? '✅' : '❌', " ID Card Front Score: ", state.idCardFrontDetectionScore.toFixed(3), /*#__PURE__*/React.createElement("br", null), state.idCardBackDetectionThresholdMet ? '✅' : '❌', " ID Card Back Score: ", state.idCardBackDetectionScore.toFixed(3), /*#__PURE__*/React.createElement("br", null), state.passportDetectionThresholdMet ? '✅' : '❌', " Passport Score: ", state.passportDetectionScore.toFixed(3), /*#__PURE__*/React.createElement("br", null), state.singlePageDetectionThresholdMet ? '✅' : '❌', " Single Page Score: ", state.singlePageDetectionScore.toFixed(3), /*#__PURE__*/React.createElement("br", null), state.focusThresholdMet ? '✅' : '❌', " Focus Score:", ' ', state.focusScore.toFixed(3), /*#__PURE__*/React.createElement("br", null), state.pdf417PredictionThresholdMet ? '✅' : '❌', " Current Barcode Score: ", state.pdf417PredictionScore.toFixed(3), /*#__PURE__*/React.createElement("br", null), getBestBarcode() ? '✅' : '❌', " Best Barcode Score:", ' ', (_j = (_h = getBestBarcode()) === null || _h === void 0 ? void 0 : _h.score.toFixed(3)) !== null && _j !== void 0 ? _j : 'N/A', /*#__PURE__*/React.createElement("br", null), state.documentInBounds ? '✅' : '❌', " Document In Bounds", /*#__PURE__*/React.createElement("br", null), state.documentIsStable ? '✅' : '❌', " Document Is Stable", /*#__PURE__*/React.createElement("br", null), state.goodFramesThresholdMet ? '✅' : '❌', " Good Frame Count:", ' ', state.goodFramesCount, "/", state.goodFramesThreshold)) : (/*#__PURE__*/React.createElement(React.Fragment, null, "\u274C Models not ready")))));
   };
   var timeSince = function timeSince(t) {
     if (!t) return 0;
@@ -17396,11 +17573,11 @@
     var _a, _b, _c, _d;
     return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarBackgroundOpacity) !== null && _d !== void 0 ? _d : 0.75;
   });
-  var ProgressIndicator$1 = styled(LoadingOverlayProgressIndicator)(templateObject_7$5 || (templateObject_7$5 = __makeTemplateObject(["\n  background: ", ";\n"], ["\n  background: ", ";\n"])), function (props) {
+  var ProgressIndicator$1 = styled(LoadingOverlayProgressIndicator)(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n  background: ", ";\n"], ["\n  background: ", ";\n"])), function (props) {
     var _a, _b, _c, _d;
     return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarIndicatorColor) !== null && _d !== void 0 ? _d : 'var(--idm-color-primary-500)';
   });
-  var ContinueButton$1 = styled(LoaderButton)(templateObject_8$4 || (templateObject_8$4 = __makeTemplateObject(["\n  margin: auto;\n  white-space: nowrap;\n  ", "\n  ", "\n  \n  &:focus-visible {\n    ", "\n    box-shadow: none;\n  }\n\n  &.disabled {\n    background: ", ";\n    color: ", ";\n    border: ", ";\n  }\n"], ["\n  margin: auto;\n  white-space: nowrap;\n  ", "\n  ", "\n  \n  &:focus-visible {\n    ", "\n    box-shadow: none;\n  }\n\n  &.disabled {\n    background: ", ";\n    color: ", ";\n    border: ", ";\n  }\n"])), function (props) {
+  var ContinueButton$1 = styled(LoaderButton)(templateObject_8$5 || (templateObject_8$5 = __makeTemplateObject(["\n  margin: auto;\n  white-space: nowrap;\n  ", "\n  ", "\n  \n  &:focus-visible {\n    ", "\n    box-shadow: none;\n  }\n\n  &.disabled {\n    background: ", ";\n    color: ", ";\n    border: ", ";\n  }\n"], ["\n  margin: auto;\n  white-space: nowrap;\n  ", "\n  ", "\n  \n  &:focus-visible {\n    ", "\n    box-shadow: none;\n  }\n\n  &.disabled {\n    background: ", ";\n    color: ", ";\n    border: ", ";\n  }\n"])), function (props) {
     var _a, _b, _c, _d, _e, _f;
     return ((_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarFontSize) ? "font-size: ".concat((_f = (_e = (_d = props.theme) === null || _d === void 0 ? void 0 : _d.idCapture) === null || _e === void 0 ? void 0 : _e.loadingOverlay) === null || _f === void 0 ? void 0 : _f.progressBarFontSize, ";") : '';
   }, function (props) {
@@ -17419,7 +17596,7 @@
     var _a, _b, _c, _d;
     return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.continueBtnDisabledBorder) !== null && _d !== void 0 ? _d : 'none';
   });
-  var templateObject_1$F, templateObject_2$B, templateObject_3$p, templateObject_4$j, templateObject_5$e, templateObject_6$9, templateObject_7$5, templateObject_8$4;
+  var templateObject_1$F, templateObject_2$B, templateObject_3$p, templateObject_4$j, templateObject_5$e, templateObject_6$9, templateObject_7$6, templateObject_8$5;
 
   var ContinuityCameraCheckboxContainer = styled.div(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n  margin-top: 15px;\n  margin-bottom: 15px;\n"], ["\n  margin-top: 15px;\n  margin-bottom: 15px;\n"])));
   var ContinuityCameraCheckbox = styled.input(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n  margin-right: 8px;\n"], ["\n  margin-right: 8px;\n"])));
@@ -17606,6 +17783,14 @@
   var templateObject_1$D, templateObject_2$z;
 
   var imageDisplayOrder = ['idCardFront', 'idCardBack', 'idBarcodeImage', 'passport', 'singlePage', 'idFrontIrImage', 'idBackIrImage', 'idFrontUvImage', 'idBackUvImage'];
+  var downloadImage = function downloadImage(dataUrl, filename) {
+    var link = document.createElement('a');
+    link.href = dataUrl;
+    link.download = filename;
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+  };
   var IdCaptureSuccess = function IdCaptureSuccess(_a) {
     var capturedDocuments = _a.capturedDocuments,
       onSubmitClick = _a.onSubmitClick,
@@ -17617,8 +17802,22 @@
       _d = _a.verbiage,
       rawVerbiage = _d === void 0 ? {} : _d,
       _e = _a.debugMode,
-      debugMode = _e === void 0 ? false : _e;
+      debugMode = _e === void 0 ? false : _e,
+      initialBarcodeScore = _a.initialBarcodeScore,
+      recaptureBarcodeScore = _a.recaptureBarcodeScore,
+      initialCaptureBarcodeImage = _a.initialCaptureBarcodeImage,
+      recaptureBarcodeImage = _a.recaptureBarcodeImage;
     var submissionStatus = React.useContext(SubmissionContext).submissionStatus;
+    if (debugMode) {
+      log('[IdCaptureSuccess] Debug info:', {
+        debugMode: debugMode,
+        initialBarcodeScore: initialBarcodeScore,
+        recaptureBarcodeScore: recaptureBarcodeScore,
+        shouldShow: debugMode && initialBarcodeScore !== undefined,
+        condition1: debugMode,
+        condition2: initialBarcodeScore !== undefined
+      });
+    }
     var verbiage = useTranslations(rawVerbiage, {
       headingText: 'ID Capture Successful',
       retryText: 'Retry',
@@ -17638,6 +17837,7 @@
     }, /*#__PURE__*/React.createElement(ImageRow, {
       className: classNames.imageRow
     }, imageDisplayOrder.map(function (name) {
+      var _a, _b, _c, _d, _e, _f;
       var doc = capturedDocuments[name];
       if (!doc) return null;
       return /*#__PURE__*/React.createElement(ImageCol$1, {
@@ -17647,7 +17847,57 @@
         image: doc,
         className: classNames.image,
         alt: doc.documentType
-      }), debugMode && (/*#__PURE__*/React.createElement(DebugPre, null, name === 'idBarcodeImage' ? "Document Type: ".concat(doc.documentType, "\nReadability Score: ").concat(doc.barcodeReadabilityScore) : "Document Type: ".concat(doc.documentType, "\nDetection Score: ").concat(doc.detectionScore, "\nFocus Score: ").concat(doc.focusScore, "\nBounding Box: ").concat(JSON.stringify(doc.boundingBox)))));
+      }), debugMode && (/*#__PURE__*/React.createElement(DebugInfoContainer, null, name === 'idBarcodeImage' ? (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DebugSection, null, /*#__PURE__*/React.createElement(DebugLabel, null, "Document Type:"), /*#__PURE__*/React.createElement(DebugValue, null, doc.documentType)), /*#__PURE__*/React.createElement(DebugSection, null, /*#__PURE__*/React.createElement(DebugLabel, null, "Readability Score:"), /*#__PURE__*/React.createElement(ScoreBadge, {
+        "$score": (_a = doc.barcodeReadabilityScore) !== null && _a !== void 0 ? _a : 0,
+        "$type": "readability"
+      }, ((_b = doc.barcodeReadabilityScore) !== null && _b !== void 0 ? _b : 0).toFixed(3))), initialBarcodeScore !== undefined && (recaptureBarcodeScore !== null && recaptureBarcodeScore !== undefined ? (/*#__PURE__*/React.createElement(BarcodeComparisonCard, null, /*#__PURE__*/React.createElement(ComparisonHeader, null, "\uD83D\uDCCA Barcode Recapture Analysis"), /*#__PURE__*/React.createElement(ComparisonRow, null, /*#__PURE__*/React.createElement(ComparisonLabel, null, "Initial Capture:"), /*#__PURE__*/React.createElement(ComparisonScoreBadge, null, initialBarcodeScore.toFixed(3))), /*#__PURE__*/React.createElement(ComparisonRow, null, /*#__PURE__*/React.createElement(ComparisonLabel, null, "After Recapture:"), /*#__PURE__*/React.createElement(ComparisonScoreBadge, null, recaptureBarcodeScore.toFixed(3))), /*#__PURE__*/React.createElement(ComparisonDivider, null), /*#__PURE__*/React.createElement(ComparisonRow, null, /*#__PURE__*/React.createElement(ComparisonLabel, null, "Improvement:"), /*#__PURE__*/React.createElement(ImprovementBadge, {
+        "$improved": recaptureBarcodeScore > initialBarcodeScore
+      }, recaptureBarcodeScore > initialBarcodeScore ? '↑' : '→', ' ', Math.abs(recaptureBarcodeScore - initialBarcodeScore).toFixed(3), ' ', "(", recaptureBarcodeScore > initialBarcodeScore ? 'Better' : 'Same/Worse', ")")), (initialCaptureBarcodeImage || recaptureBarcodeImage) && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ComparisonDivider, null), /*#__PURE__*/React.createElement(ComparisonHeader, {
+        style: {
+          marginTop: '0.25rem'
+        }
+      }, "\uD83D\uDD0D Visual Comparison"), /*#__PURE__*/React.createElement(BarcodeComparisonImagesContainer, null, initialCaptureBarcodeImage && (/*#__PURE__*/React.createElement(BarcodeComparisonImageWrapper, null, /*#__PURE__*/React.createElement(BarcodeComparisonImageLabel, null, "Initial Capture"), /*#__PURE__*/React.createElement(BarcodeComparisonImage, {
+        src: initialCaptureBarcodeImage,
+        alt: "Initial capture barcode",
+        onDoubleClick: function onDoubleClick() {
+          return downloadImage(initialCaptureBarcodeImage, "barcode-initial-".concat(initialBarcodeScore.toFixed(3), ".jpg"));
+        },
+        title: "Double-click to download"
+      }), /*#__PURE__*/React.createElement(BarcodeComparisonScoreLabel, {
+        "$isHigher": initialBarcodeScore >= recaptureBarcodeScore
+      }, initialBarcodeScore.toFixed(3)))), recaptureBarcodeImage && (/*#__PURE__*/React.createElement(BarcodeComparisonImageWrapper, null, /*#__PURE__*/React.createElement(BarcodeComparisonImageLabel, null, "Recapture"), /*#__PURE__*/React.createElement(BarcodeComparisonImage, {
+        src: recaptureBarcodeImage,
+        alt: "Recapture barcode",
+        onDoubleClick: function onDoubleClick() {
+          return downloadImage(recaptureBarcodeImage, "barcode-recapture-".concat(recaptureBarcodeScore.toFixed(3), ".jpg"));
+        },
+        title: "Double-click to download"
+      }), /*#__PURE__*/React.createElement(BarcodeComparisonScoreLabel, {
+        "$isHigher": recaptureBarcodeScore > initialBarcodeScore
+      }, recaptureBarcodeScore.toFixed(3))))))))) : (/*#__PURE__*/React.createElement(BarcodeComparisonCard, null, /*#__PURE__*/React.createElement(ComparisonHeader, null, "\u26A0\uFE0F Recapture Attempted"), /*#__PURE__*/React.createElement(ComparisonRow, null, /*#__PURE__*/React.createElement(ComparisonLabel, null, "Initial Score:"), /*#__PURE__*/React.createElement(ComparisonScoreBadge, null, initialBarcodeScore.toFixed(3))), /*#__PURE__*/React.createElement(ComparisonRow, null, /*#__PURE__*/React.createElement(ComparisonLabel, null, "Recapture Result:"), /*#__PURE__*/React.createElement(ComparisonValue, null, "No barcode found")), initialCaptureBarcodeImage && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ComparisonDivider, null), /*#__PURE__*/React.createElement(ComparisonHeader, {
+        style: {
+          marginTop: '0.25rem'
+        }
+      }, "\uD83D\uDD0D Barcode Image (kept)"), /*#__PURE__*/React.createElement(BarcodeComparisonImagesContainer, {
+        style: {
+          gridTemplateColumns: '1fr'
+        }
+      }, /*#__PURE__*/React.createElement(BarcodeComparisonImageWrapper, null, /*#__PURE__*/React.createElement(BarcodeComparisonImageLabel, null, "Initial Capture"), /*#__PURE__*/React.createElement(BarcodeComparisonImage, {
+        src: initialCaptureBarcodeImage,
+        alt: "Initial capture barcode",
+        onDoubleClick: function onDoubleClick() {
+          return downloadImage(initialCaptureBarcodeImage, "barcode-initial-".concat(initialBarcodeScore.toFixed(3), ".jpg"));
+        },
+        title: "Double-click to download"
+      }), /*#__PURE__*/React.createElement(BarcodeComparisonScoreLabel, {
+        "$isHigher": true
+      }, initialBarcodeScore.toFixed(3))))))))))) : (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DebugSection, null, /*#__PURE__*/React.createElement(DebugLabel, null, "Document Type:"), /*#__PURE__*/React.createElement(DebugValue, null, doc.documentType)), /*#__PURE__*/React.createElement(DebugSection, null, /*#__PURE__*/React.createElement(DebugLabel, null, "Detection Score:"), /*#__PURE__*/React.createElement(ScoreBadge, {
+        "$score": (_c = doc.detectionScore) !== null && _c !== void 0 ? _c : 0,
+        "$type": "detection"
+      }, ((_d = doc.detectionScore) !== null && _d !== void 0 ? _d : 0).toFixed(3))), /*#__PURE__*/React.createElement(DebugSection, null, /*#__PURE__*/React.createElement(DebugLabel, null, "Focus Score:"), /*#__PURE__*/React.createElement(ScoreBadge, {
+        "$score": (_e = doc.focusScore) !== null && _e !== void 0 ? _e : 0,
+        "$type": "focus"
+      }, ((_f = doc.focusScore) !== null && _f !== void 0 ? _f : 0).toFixed(3))), /*#__PURE__*/React.createElement(DebugSection, null, /*#__PURE__*/React.createElement(DebugLabel, null, "Bounding Box:"), /*#__PURE__*/React.createElement(DebugValue, null, JSON.stringify(doc.boundingBox, null, 2))))))));
     }))), /*#__PURE__*/React.createElement(ButtonsColumn, {
       className: classNames.buttonsRow
     }, /*#__PURE__*/React.createElement(WideButton, {
@@ -17670,8 +17920,91 @@
   var ImageRow = styled(OverlayImageRow)(templateObject_3$o || (templateObject_3$o = __makeTemplateObject(["\n  max-width: 100%;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n"], ["\n  max-width: 100%;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n"])));
   var ImageCol$1 = styled.div(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n  width: 450px;\n  max-width: 100%;\n  max-height: none !important;\n"], ["\n  width: 450px;\n  max-width: 100%;\n  max-height: none !important;\n"])));
   var StyledImage = styled(CapturedDocumentImg)(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n  width: 100%;\n  border-radius: 12px;\n"], ["\n  width: 100%;\n  border-radius: 12px;\n"])));
-  var DebugPre = styled.pre(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n  display: block;\n  text-align: left;\n  width: 100%;\n  max-width: 100%;\n  overflow-x: auto;\n"], ["\n  display: block;\n  text-align: left;\n  width: 100%;\n  max-width: 100%;\n  overflow-x: auto;\n"])));
-  var templateObject_1$C, templateObject_2$y, templateObject_3$o, templateObject_4$i, templateObject_5$d, templateObject_6$8;
+  var DebugInfoContainer = styled.div(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 0.375rem;\n  margin-top: 0.5rem;\n  margin-bottom: 1rem;\n  padding: 0.625rem;\n  background: #f8f9fa;\n  border-radius: 6px;\n  border: 1px solid #e9ecef;\n  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n  font-size: 0.8125rem;\n  line-height: 1.35;\n  text-align: left;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 0.375rem;\n  margin-top: 0.5rem;\n  margin-bottom: 1rem;\n  padding: 0.625rem;\n  background: #f8f9fa;\n  border-radius: 6px;\n  border: 1px solid #e9ecef;\n  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n  font-size: 0.8125rem;\n  line-height: 1.35;\n  text-align: left;\n"])));
+  var DebugSection = styled.div(templateObject_7$5 || (templateObject_7$5 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  margin: 0;\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  margin: 0;\n"])));
+  var DebugLabel = styled.span(templateObject_8$4 || (templateObject_8$4 = __makeTemplateObject(["\n  font-weight: 600;\n  color: #495057;\n  font-size: 0.8125rem;\n  flex-shrink: 0;\n  width: 110px;\n"], ["\n  font-weight: 600;\n  color: #495057;\n  font-size: 0.8125rem;\n  flex-shrink: 0;\n  width: 110px;\n"])));
+  var DebugValue = styled.span(templateObject_9$3 || (templateObject_9$3 = __makeTemplateObject(["\n  color: #212529;\n  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n  font-size: 0.8125rem;\n"], ["\n  color: #212529;\n  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n  font-size: 0.8125rem;\n"])));
+  var ScoreBadge = styled.span(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  padding: 0.1875rem 0.5rem;\n  border-radius: 4px;\n  font-weight: 600;\n  font-size: 0.75rem;\n  background: ", ";\n  color: ", ";\n  border: 1px solid\n    ", ";\n"], ["\n  display: inline-flex;\n  align-items: center;\n  padding: 0.1875rem 0.5rem;\n  border-radius: 4px;\n  font-weight: 600;\n  font-size: 0.75rem;\n  background: ", ";\n  color: ", ";\n  border: 1px solid\n    ", ";\n"])), function (_a) {
+    var $score = _a.$score,
+      $type = _a.$type;
+    var thresholds = $type === 'readability' ? {
+      good: 0.5,
+      medium: 0.2
+    } : $type === 'detection' ? {
+      good: 0.7,
+      medium: 0.4
+    } : {
+      good: 0.7,
+      medium: 0.4
+    };
+    if ($score >= thresholds.good) return '#d4edda';
+    if ($score >= thresholds.medium) return '#fff3cd';
+    return '#f8d7da';
+  }, function (_a) {
+    var $score = _a.$score,
+      $type = _a.$type;
+    var thresholds = $type === 'readability' ? {
+      good: 0.5,
+      medium: 0.2
+    } : $type === 'detection' ? {
+      good: 0.7,
+      medium: 0.4
+    } : {
+      good: 0.7,
+      medium: 0.4
+    };
+    if ($score >= thresholds.good) return '#155724';
+    if ($score >= thresholds.medium) return '#856404';
+    return '#721c24';
+  }, function (_a) {
+    var $score = _a.$score,
+      $type = _a.$type;
+    var thresholds = $type === 'readability' ? {
+      good: 0.5,
+      medium: 0.2
+    } : $type === 'detection' ? {
+      good: 0.7,
+      medium: 0.4
+    } : {
+      good: 0.7,
+      medium: 0.4
+    };
+    if ($score >= thresholds.good) return '#c3e6cb';
+    if ($score >= thresholds.medium) return '#ffeaa7';
+    return '#f5c6cb';
+  });
+  var BarcodeComparisonCard = styled.div(templateObject_11$2 || (templateObject_11$2 = __makeTemplateObject(["\n  margin-top: 0.375rem;\n  padding: 0.625rem;\n  background: #e7f3ff;\n  border-radius: 6px;\n  border: 1px solid #b3d9ff;\n"], ["\n  margin-top: 0.375rem;\n  padding: 0.625rem;\n  background: #e7f3ff;\n  border-radius: 6px;\n  border: 1px solid #b3d9ff;\n"])));
+  var ComparisonHeader = styled.div(templateObject_12$2 || (templateObject_12$2 = __makeTemplateObject(["\n  font-size: 0.8125rem;\n  font-weight: 700;\n  margin-bottom: 0.375rem;\n  display: flex;\n  align-items: center;\n  gap: 0.375rem;\n  color: #004085;\n"], ["\n  font-size: 0.8125rem;\n  font-weight: 700;\n  margin-bottom: 0.375rem;\n  display: flex;\n  align-items: center;\n  gap: 0.375rem;\n  color: #004085;\n"])));
+  var ComparisonRow = styled.div(templateObject_13$2 || (templateObject_13$2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 0.25rem;\n  gap: 0.75rem;\n  font-size: 0.8125rem;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 0.25rem;\n  gap: 0.75rem;\n  font-size: 0.8125rem;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n"])));
+  var ComparisonLabel = styled.span(templateObject_14$1 || (templateObject_14$1 = __makeTemplateObject(["\n  font-weight: 500;\n  color: #495057;\n"], ["\n  font-weight: 500;\n  color: #495057;\n"])));
+  var ComparisonValue = styled.span(templateObject_15$1 || (templateObject_15$1 = __makeTemplateObject(["\n  font-weight: 600;\n  color: #212529;\n"], ["\n  font-weight: 600;\n  color: #212529;\n"])));
+  var ComparisonDivider = styled.hr(templateObject_16$1 || (templateObject_16$1 = __makeTemplateObject(["\n  border: none;\n  border-top: 1px solid #b3d9ff;\n  margin: 0.375rem 0;\n"], ["\n  border: none;\n  border-top: 1px solid #b3d9ff;\n  margin: 0.375rem 0;\n"])));
+  var ComparisonScoreBadge = styled.span(templateObject_17$1 || (templateObject_17$1 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  padding: 0.1875rem 0.5rem;\n  border-radius: 4px;\n  font-weight: 600;\n  font-size: 0.75rem;\n  background: white;\n  color: #212529;\n  border: 1px solid #dee2e6;\n"], ["\n  display: inline-flex;\n  align-items: center;\n  padding: 0.1875rem 0.5rem;\n  border-radius: 4px;\n  font-weight: 600;\n  font-size: 0.75rem;\n  background: white;\n  color: #212529;\n  border: 1px solid #dee2e6;\n"])));
+  var ImprovementBadge = styled.span(templateObject_18$1 || (templateObject_18$1 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  padding: 0.1875rem 0.5rem;\n  border-radius: 4px;\n  font-weight: 600;\n  font-size: 0.75rem;\n  background: ", ";\n  color: ", ";\n  border: 1px solid ", ";\n"], ["\n  display: inline-flex;\n  align-items: center;\n  padding: 0.1875rem 0.5rem;\n  border-radius: 4px;\n  font-weight: 600;\n  font-size: 0.75rem;\n  background: ", ";\n  color: ", ";\n  border: 1px solid ", ";\n"])), function (_a) {
+    var $improved = _a.$improved;
+    return $improved ? '#d4edda' : '#e2e3e5';
+  }, function (_a) {
+    var $improved = _a.$improved;
+    return $improved ? '#155724' : '#383d41';
+  }, function (_a) {
+    var $improved = _a.$improved;
+    return $improved ? '#c3e6cb' : '#d6d8db';
+  });
+  var BarcodeComparisonImagesContainer = styled.div(templateObject_19$1 || (templateObject_19$1 = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 1rem;\n  margin-top: 0.75rem;\n  padding: 0.5rem;\n  background: rgba(255, 255, 255, 0.5);\n  border-radius: 6px;\n"], ["\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 1rem;\n  margin-top: 0.75rem;\n  padding: 0.5rem;\n  background: rgba(255, 255, 255, 0.5);\n  border-radius: 6px;\n"])));
+  var BarcodeComparisonImageWrapper = styled.div(templateObject_20$1 || (templateObject_20$1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 0.375rem;\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 0.375rem;\n"])));
+  var BarcodeComparisonImageLabel = styled.span(templateObject_21$1 || (templateObject_21$1 = __makeTemplateObject(["\n  font-size: 0.75rem;\n  font-weight: 700;\n  color: #004085;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  padding: 0.25rem 0.5rem;\n  background: white;\n  border-radius: 4px;\n  border: 1px solid #b3d9ff;\n"], ["\n  font-size: 0.75rem;\n  font-weight: 700;\n  color: #004085;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  padding: 0.25rem 0.5rem;\n  background: white;\n  border-radius: 4px;\n  border: 1px solid #b3d9ff;\n"])));
+  var BarcodeComparisonImage = styled.img(templateObject_22$1 || (templateObject_22$1 = __makeTemplateObject(["\n  width: 100%;\n  height: auto;\n  border-radius: 6px;\n  border: 2px solid #dee2e6;\n  background: white;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n  cursor: pointer;\n  transition:\n    transform 0.15s ease,\n    box-shadow 0.15s ease;\n\n  &:hover {\n    transform: scale(1.02);\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);\n  }\n\n  &:active {\n    transform: scale(0.98);\n  }\n"], ["\n  width: 100%;\n  height: auto;\n  border-radius: 6px;\n  border: 2px solid #dee2e6;\n  background: white;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n  cursor: pointer;\n  transition:\n    transform 0.15s ease,\n    box-shadow 0.15s ease;\n\n  &:hover {\n    transform: scale(1.02);\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);\n  }\n\n  &:active {\n    transform: scale(0.98);\n  }\n"])));
+  var BarcodeComparisonScoreLabel = styled.span(templateObject_23$1 || (templateObject_23$1 = __makeTemplateObject(["\n  font-size: 0.8125rem;\n  font-weight: 700;\n  color: ", ";\n  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n  padding: 0.25rem 0.5rem;\n  background: ", ";\n  border-radius: 4px;\n  border: 1px solid ", ";\n"], ["\n  font-size: 0.8125rem;\n  font-weight: 700;\n  color: ", ";\n  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n  padding: 0.25rem 0.5rem;\n  background: ", ";\n  border-radius: 4px;\n  border: 1px solid ", ";\n"])), function (_a) {
+    var $isHigher = _a.$isHigher;
+    return $isHigher ? '#155724' : '#495057';
+  }, function (_a) {
+    var $isHigher = _a.$isHigher;
+    return $isHigher ? '#d4edda' : 'white';
+  }, function (_a) {
+    var $isHigher = _a.$isHigher;
+    return $isHigher ? '#c3e6cb' : '#dee2e6';
+  });
+  var templateObject_1$C, templateObject_2$y, templateObject_3$o, templateObject_4$i, templateObject_5$d, templateObject_6$8, templateObject_7$5, templateObject_8$4, templateObject_9$3, templateObject_10$2, templateObject_11$2, templateObject_12$2, templateObject_13$2, templateObject_14$1, templateObject_15$1, templateObject_16$1, templateObject_17$1, templateObject_18$1, templateObject_19$1, templateObject_20$1, templateObject_21$1, templateObject_22$1, templateObject_23$1;
 
   function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
     var _this = this;
@@ -20201,7 +20534,7 @@
     none: null
   };
   var IdCaptureWizard = function IdCaptureWizard(_a) {
-    var _b, _c, _d, _e, _f;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
     var onLoadingStarted = _a.onLoadingStarted,
       onLoadingProgress = _a.onLoadingProgress,
       onLoadingCompleted = _a.onLoadingCompleted,
@@ -20212,86 +20545,115 @@
       onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
       onDocumentCaptured = _a.onDocumentCaptured,
       onDocumentDetected = _a.onDocumentDetected,
-      _g = _a.documentDetectionThrottleMs,
-      documentDetectionThrottleMs = _g === void 0 ? 0 : _g,
-      _h = _a.loadingOverlayMode,
-      loadingOverlayMode = _h === void 0 ? 'default' : _h,
+      _m = _a.documentDetectionThrottleMs,
+      documentDetectionThrottleMs = _m === void 0 ? 0 : _m,
+      _o = _a.loadingOverlayMode,
+      loadingOverlayMode = _o === void 0 ? 'default' : _o,
       customOverlayContent = _a.customOverlayContent,
       precapturedDocuments = _a.precapturedDocuments,
-      _j = _a.captureRequirement,
-      captureRequirement = _j === void 0 ? 'idCardOrPassport' : _j,
-      _k = _a.allowSinglePageIdCapture,
-      allowSinglePageIdCapture = _k === void 0 ? false : _k,
-      _l = _a.separateIdCardCaptureSequence,
-      separateIdCardCaptureSequence = _l === void 0 ? false : _l,
-      _m = _a.thresholds,
-      thresholds = _m === void 0 ? defaultIdCaptureThresholds : _m,
-      _o = _a.skipSuccessScreen,
-      skipSuccessScreen = _o === void 0 ? false : _o,
+      _p = _a.captureRequirement,
+      captureRequirement = _p === void 0 ? 'idCardOrPassport' : _p,
+      _q = _a.allowSinglePageIdCapture,
+      allowSinglePageIdCapture = _q === void 0 ? false : _q,
+      _r = _a.separateIdCardCaptureSequence,
+      separateIdCardCaptureSequence = _r === void 0 ? false : _r,
+      _s = _a.thresholds,
+      thresholds = _s === void 0 ? defaultIdCaptureThresholds : _s,
+      _t = _a.skipSuccessScreen,
+      skipSuccessScreen = _t === void 0 ? false : _t,
       instructions = _a.instructions,
-      _p = _a.releaseCameraAccessOnExit,
-      releaseCameraAccessOnExit = _p === void 0 ? true : _p,
-      _q = _a.guideType,
-      guideType = _q === void 0 ? 'fit' : _q,
-      _r = _a.portraitGuidesOnMobile,
-      portraitGuidesOnMobile = _r === void 0 ? true : _r,
-      _s = _a.rotateLoadingOverlayImageWhenPortrait,
-      rotateLoadingOverlayImageWhenPortrait = _s === void 0 ? true : _s,
-      _t = _a.silentFallback,
-      silentFallback = _t === void 0 ? false : _t,
-      _u = _a.forceFallbackMode,
-      forceFallbackMode = _u === void 0 ? false : _u,
-      _v = _a.allowIdCardBackToFrontCapture,
-      allowIdCardBackToFrontCapture = _v === void 0 ? false : _v,
-      _w = _a.enableOverrideWrongDocumentTypeDialog,
-      enableOverrideWrongDocumentTypeDialog = _w === void 0 ? false : _w,
-      _x = _a.allowOverrideWrongDocumentTypeAfterMs,
-      allowOverrideWrongDocumentTypeAfterMs = _x === void 0 ? 8000 : _x,
-      _y = _a.allowUploadingDocumentsFromStorage,
-      allowUploadingDocumentsFromStorage = _y === void 0 ? false : _y,
-      _z = _a.guideImages,
-      guideImages = _z === void 0 ? defaultIdCaptureGuideImages : _z,
-      _0 = _a.documentEdgeDistancePct,
-      documentEdgeDistancePct = _0 === void 0 ? 0 : _0,
-      _1 = _a.assets,
-      assets = _1 === void 0 ? {} : _1,
-      _2 = _a.classNames,
-      classNames = _2 === void 0 ? {} : _2,
-      _3 = _a.colors,
-      colors = _3 === void 0 ? {} : _3,
-      _4 = _a.verbiage,
-      verbiage = _4 === void 0 ? {} : _4,
-      _5 = _a.debugMode,
-      debugMode = _5 === void 0 ? false : _5;
+      _u = _a.releaseCameraAccessOnExit,
+      releaseCameraAccessOnExit = _u === void 0 ? true : _u,
+      _v = _a.guideType,
+      guideType = _v === void 0 ? 'fit' : _v,
+      _w = _a.portraitGuidesOnMobile,
+      portraitGuidesOnMobile = _w === void 0 ? true : _w,
+      _x = _a.rotateLoadingOverlayImageWhenPortrait,
+      rotateLoadingOverlayImageWhenPortrait = _x === void 0 ? true : _x,
+      _y = _a.silentFallback,
+      silentFallback = _y === void 0 ? false : _y,
+      _z = _a.forceFallbackMode,
+      forceFallbackMode = _z === void 0 ? false : _z,
+      _0 = _a.allowIdCardBackToFrontCapture,
+      allowIdCardBackToFrontCapture = _0 === void 0 ? false : _0,
+      _1 = _a.enableOverrideWrongDocumentTypeDialog,
+      enableOverrideWrongDocumentTypeDialog = _1 === void 0 ? false : _1,
+      _2 = _a.allowOverrideWrongDocumentTypeAfterMs,
+      allowOverrideWrongDocumentTypeAfterMs = _2 === void 0 ? 8000 : _2,
+      _3 = _a.allowUploadingDocumentsFromStorage,
+      allowUploadingDocumentsFromStorage = _3 === void 0 ? false : _3,
+      _4 = _a.guideImages,
+      guideImages = _4 === void 0 ? defaultIdCaptureGuideImages : _4,
+      _5 = _a.barcodeRecaptureThreshold,
+      barcodeRecaptureThreshold = _5 === void 0 ? 1 : _5,
+      _6 = _a.barcodeRecaptureTimeoutMs,
+      barcodeRecaptureTimeoutMs = _6 === void 0 ? 5000 : _6,
+      _7 = _a.barcodeRecaptureMoveCloserTimeoutMs,
+      barcodeRecaptureMoveCloserTimeoutMs = _7 === void 0 ? 10000 : _7,
+      _8 = _a.barcodeRecaptureBboxGrowthPct,
+      barcodeRecaptureBboxGrowthPct = _8 === void 0 ? 20 : _8,
+      _9 = _a.documentEdgeDistancePct,
+      documentEdgeDistancePct = _9 === void 0 ? 0 : _9,
+      _10 = _a.assets,
+      assets = _10 === void 0 ? {} : _10,
+      _11 = _a.classNames,
+      classNames = _11 === void 0 ? {} : _11,
+      _12 = _a.colors,
+      colors = _12 === void 0 ? {} : _12,
+      _13 = _a.verbiage,
+      verbiage = _13 === void 0 ? {} : _13,
+      _14 = _a.debugMode,
+      debugMode = _14 === void 0 ? false : _14;
     var state = useIdCaptureStore();
-    var _6 = useCameraStore(),
-      cameraAccessDenied = _6.cameraAccessDenied,
-      requestCameraAccess = _6.requestCameraAccess,
-      releaseCameraAccess = _6.releaseCameraAccess;
-    var _7 = React.useState(false),
-      overlayDismissed = _7[0],
-      setOverlayDismissed = _7[1];
-    var _8 = useSubmissionContext(),
-      submissionStatus = _8.submissionStatus,
-      setIdFrontImage = _8.setIdFrontImage,
-      setIdBackImage = _8.setIdBackImage,
-      setPassportImage = _8.setPassportImage,
-      setIdFrontIrImage = _8.setIdFrontIrImage,
-      setIdBackIrImage = _8.setIdBackIrImage,
-      setIdFrontUvImage = _8.setIdFrontUvImage,
-      setIdBackUvImage = _8.setIdBackUvImage,
-      setIdBarcodeImage = _8.setIdBarcodeImage,
-      logIdFrontCaptureAttempt = _8.logIdFrontCaptureAttempt,
-      logIdBackCaptureAttempt = _8.logIdBackCaptureAttempt;
-    var _9 = useIdCaptureModelsContext(),
-      start = _9.start,
-      stop = _9.stop,
-      onPredictionMade = _9.onPredictionMade,
-      setRequiredDocumentType = _9.setRequiredDocumentType,
-      modelError = _9.modelError,
-      resetBestFrame = _9.resetBestFrame,
-      documentDetectionBoundaries = _9.documentDetectionBoundaries,
-      setDocumentDetectionBoundaries = _9.setDocumentDetectionBoundaries;
+    var isCapturing = state.captureState === 'capturing' || state.captureState === 'requestingBetterBarcode';
+    var _15 = useCameraStore(),
+      cameraAccessDenied = _15.cameraAccessDenied,
+      requestCameraAccess = _15.requestCameraAccess,
+      releaseCameraAccess = _15.releaseCameraAccess;
+    var _16 = React.useState(false),
+      overlayDismissed = _16[0],
+      setOverlayDismissed = _16[1];
+    var _17 = useSubmissionContext(),
+      submissionStatus = _17.submissionStatus,
+      setIdFrontImage = _17.setIdFrontImage,
+      setIdBackImage = _17.setIdBackImage,
+      setPassportImage = _17.setPassportImage,
+      setIdFrontIrImage = _17.setIdFrontIrImage,
+      setIdBackIrImage = _17.setIdBackIrImage,
+      setIdFrontUvImage = _17.setIdFrontUvImage,
+      setIdBackUvImage = _17.setIdBackUvImage,
+      setIdBarcodeImage = _17.setIdBarcodeImage,
+      logIdFrontCaptureAttempt = _17.logIdFrontCaptureAttempt,
+      logIdBackCaptureAttempt = _17.logIdBackCaptureAttempt;
+    var _18 = useIdCaptureModelsContext(),
+      start = _18.start,
+      stop = _18.stop,
+      onPredictionMade = _18.onPredictionMade,
+      setRequiredDocumentType = _18.setRequiredDocumentType,
+      modelError = _18.modelError,
+      resetBestFrame = _18.resetBestFrame,
+      documentDetectionBoundaries = _18.documentDetectionBoundaries,
+      setDocumentDetectionBoundaries = _18.setDocumentDetectionBoundaries,
+      getBestBarcode = _18.getBestBarcode,
+      startBarcodeRecapturePhase = _18.startBarcodeRecapturePhase,
+      getRecaptureBestBarcode = _18.getRecaptureBestBarcode;
+    var initialBarcodeBboxRef = React.useRef(null);
+    var recapturePhaseStartedRef = React.useRef(false);
+    var _19 = React.useState(false),
+      barcodeRecaptureGrowthSatisfied = _19[0],
+      setBarcodeRecaptureGrowthSatisfied = _19[1];
+    React.useEffect(function () {
+      // Reset recapture gating whenever we enter/exit the recapture flow
+      if (state.captureState === 'requestingBetterBarcode') {
+        initialBarcodeBboxRef.current = null;
+        recapturePhaseStartedRef.current = false;
+        setBarcodeRecaptureGrowthSatisfied(false);
+        return;
+      }
+      initialBarcodeBboxRef.current = null;
+      recapturePhaseStartedRef.current = false;
+      setBarcodeRecaptureGrowthSatisfied(false);
+    }, [state.captureState]);
     React.useEffect(function () {
       dispatchIdCaptureAction({
         type: 'configureWizard',
@@ -20302,10 +20664,12 @@
           allowIdCardBackToFrontCapture: allowIdCardBackToFrontCapture,
           enableOverrideWrongDocumentTypeDialog: enableOverrideWrongDocumentTypeDialog,
           allowOverrideWrongDocumentTypeAfterMs: allowOverrideWrongDocumentTypeAfterMs,
-          allowUploadingDocumentsFromStorage: allowUploadingDocumentsFromStorage
+          allowUploadingDocumentsFromStorage: allowUploadingDocumentsFromStorage,
+          barcodeRecaptureThreshold: barcodeRecaptureThreshold,
+          barcodeRecaptureTimeoutMs: barcodeRecaptureTimeoutMs
         }
       });
-    }, [allowIdCardBackToFrontCapture, allowOverrideWrongDocumentTypeAfterMs, allowSinglePageIdCapture, allowUploadingDocumentsFromStorage, captureRequirement, enableOverrideWrongDocumentTypeDialog, precapturedDocuments]);
+    }, [allowIdCardBackToFrontCapture, allowOverrideWrongDocumentTypeAfterMs, allowSinglePageIdCapture, allowUploadingDocumentsFromStorage, barcodeRecaptureThreshold, barcodeRecaptureTimeoutMs, captureRequirement, enableOverrideWrongDocumentTypeDialog, precapturedDocuments]);
     React.useEffect(function () {
       var _a;
       var desiredEdgeDistance = documentEdgeDistancePct !== null && documentEdgeDistancePct !== void 0 ? documentEdgeDistancePct : 0;
@@ -20317,8 +20681,10 @@
     }, [documentDetectionBoundaries, documentEdgeDistancePct, setDocumentDetectionBoundaries]);
     var documentCount = Object.keys(state.capturedDocuments).length;
     React.useEffect(function () {
+      // Skip reset during barcode recapture - the recapture flow manages its own canvas state
+      if (state.captureState === 'requestingBetterBarcode') return;
       if (documentCount) resetBestFrame();
-    }, [documentCount, resetBestFrame]);
+    }, [documentCount, resetBestFrame, state.captureState]);
     var isFallbackMode = forceFallbackMode || modelError;
     var lastDocumentDetectedAt = React.useRef(_assign({}, lastDocumentDetectedAtDefaults));
     var logCaptureMetadata = React.useCallback(function (metadata) {
@@ -20337,24 +20703,62 @@
       }
     }, [isFallbackMode, logIdBackCaptureAttempt, logIdFrontCaptureAttempt]);
     React.useEffect(function startModelsWhenCapturing() {
-      if (!overlayDismissed || state.captureState !== 'capturing') return;
+      if (!overlayDismissed || !isCapturing) return;
       dispatchIdCaptureAction({
         type: 'captureStarted'
       });
       start();
-    }, [overlayDismissed, start, state.captureState]);
+    }, [isCapturing, overlayDismissed, start]);
     React.useEffect(function () {
       onPredictionMade(function (prediction) {
-        var _a;
-        var _b = useIdCaptureStore.getState(),
-          captureState = _b.captureState,
-          requestedDocumentType = _b.requestedDocumentType;
+        var _a, _b, _c, _d;
+        var _e = useIdCaptureStore.getState(),
+          captureState = _e.captureState,
+          requestedDocumentType = _e.requestedDocumentType;
         var k = "".concat(requestedDocumentType, "DetectionThresholdMet");
         var thresholdMet = prediction[k];
-        if (captureState === 'capturing') {
+        if (captureState === 'capturing' || captureState === 'requestingBetterBarcode') {
+          // During barcode recapture, wait until the barcode bbox grows by a configurable %
+          // (to confirm the user moved the camera closer) before we start recapture processing.
+          if (captureState === 'requestingBetterBarcode') {
+            var growthPct = Math.max(0, Math.min(barcodeRecaptureBboxGrowthPct, 200));
+            var requiredMultiplier = 1 + growthPct / 100;
+            if (!recapturePhaseStartedRef.current) {
+              // If growth requirement is disabled, begin recapture immediately.
+              if (requiredMultiplier === 1) {
+                recapturePhaseStartedRef.current = true;
+                setBarcodeRecaptureGrowthSatisfied(true);
+                startBarcodeRecapturePhase();
+              } else {
+                var pdf417Box = (_a = prediction.bestPDF417) === null || _a === void 0 ? void 0 : _a.box;
+                var frameWidth = (_b = prediction.frameWidth) !== null && _b !== void 0 ? _b : 0;
+                var frameHeight = (_c = prediction.frameHeight) !== null && _c !== void 0 ? _c : 0;
+                if (pdf417Box && frameWidth > 0 && frameHeight > 0) {
+                  var widthRatio = pdf417Box.width / frameWidth;
+                  var heightRatio = pdf417Box.height / frameHeight;
+                  if (!initialBarcodeBboxRef.current) {
+                    // First observed bbox when we enter recapture.
+                    initialBarcodeBboxRef.current = {
+                      widthRatio: widthRatio,
+                      heightRatio: heightRatio
+                    };
+                  } else {
+                    var baseline = initialBarcodeBboxRef.current;
+                    var widthSatisfied = widthRatio >= baseline.widthRatio * requiredMultiplier;
+                    var heightSatisfied = heightRatio >= baseline.heightRatio * requiredMultiplier;
+                    if (widthSatisfied && heightSatisfied) {
+                      recapturePhaseStartedRef.current = true;
+                      setBarcodeRecaptureGrowthSatisfied(true);
+                      startBarcodeRecapturePhase();
+                    }
+                  }
+                }
+              }
+            }
+          }
           if (prediction.detectedDocumentType !== 'none') {
             var now = Date.now();
-            if (!lastDocumentDetectedAt.current[prediction.detectedDocumentType] || documentDetectionThrottleMs && now - ((_a = lastDocumentDetectedAt.current[prediction.detectedDocumentType]) !== null && _a !== void 0 ? _a : 0) > documentDetectionThrottleMs) {
+            if (!lastDocumentDetectedAt.current[prediction.detectedDocumentType] || documentDetectionThrottleMs && now - ((_d = lastDocumentDetectedAt.current[prediction.detectedDocumentType]) !== null && _d !== void 0 ? _d : 0) > documentDetectionThrottleMs) {
               lastDocumentDetectedAt.current[prediction.detectedDocumentType] = now;
               onDocumentDetected === null || onDocumentDetected === void 0 ? void 0 : onDocumentDetected(prediction.detectedDocumentType);
             }
@@ -20372,7 +20776,7 @@
           });
         }
       });
-    }, [documentDetectionThrottleMs, onDocumentDetected, onPredictionMade, resetBestFrame]);
+    }, [barcodeRecaptureBboxGrowthPct, documentDetectionThrottleMs, onDocumentDetected, onPredictionMade, resetBestFrame, startBarcodeRecapturePhase]);
     React.useEffect(function () {
       if (state.captureState === 'complete') stop();
     }, [state.captureState, stop]);
@@ -20427,9 +20831,9 @@
         type: 'resetWizard'
       });
     }, []);
-    var _10 = React.useState(0),
-      attempt = _10[0],
-      setAttempt = _10[1];
+    var _20 = React.useState(0),
+      attempt = _20[0],
+      setAttempt = _20[1];
     var onExit = React.useCallback(function () {
       releaseCameraAccess();
       setOverlayDismissed(false);
@@ -20455,20 +20859,25 @@
         });
       }
     }, [cameraAccessDenied]);
+    var guidanceBarcodeRecaptureText = (_b = verbiage.guidanceBarcodeRecaptureText) !== null && _b !== void 0 ? _b : 'Please move the barcode closer to the camera';
+    var guidanceBarcodeRecaptureInProgressText = (_c = verbiage.guidanceBarcodeRecaptureInProgressText) !== null && _c !== void 0 ? _c : 'Barcode capture in progress, please hold still';
+    var barcodeRecaptureGuidanceMessage = barcodeRecaptureGrowthSatisfied ? guidanceBarcodeRecaptureInProgressText : guidanceBarcodeRecaptureText;
     var idCaptureVerbiages = {
       idCardFront: useTranslations(verbiage.idCardFront, {
         instructionText: 'Scan the front of ID',
         processingIdCardText: "ID card ".concat('idCardFront' in state.capturedDocuments ? 'front' : 'back', " captured.")
       }),
       idCardBack: useTranslations(verbiage.idCardBack, {
-        instructionText: 'Scan the back of ID'
+        instructionText: state.captureState === 'requestingBetterBarcode' ? barcodeRecaptureGuidanceMessage : 'Scan the back of ID'
       }),
       passport: useTranslations(verbiage.passport, {
         instructionText: 'Scan the ID page of passport'
       })
     };
     var theme = styled.useTheme();
-    var idCaptureVerbiage = idCaptureVerbiages[state.requestedDocumentType];
+    // During barcode recapture, use idCardBack verbiage to show barcode recapture message
+    var verbiageKey = state.captureState === 'requestingBetterBarcode' ? 'idCardBack' : state.requestedDocumentType;
+    var idCaptureVerbiage = idCaptureVerbiages[verbiageKey];
     React.useEffect(function () {
       if (separateIdCardCaptureSequence) return;
       if (state.captureState !== 'requestingFlip') return;
@@ -20482,6 +20891,130 @@
         clearTimeout(t);
       };
     }, [resetBestFrame, separateIdCardCaptureSequence, state.captureState]);
+    // Handle barcode recapture start - snapshot initial barcode and initialize recapture state
+    React.useEffect(function () {
+      var _a, _b;
+      if (state.captureState !== 'requestingBetterBarcode') return;
+      if (state.initialCaptureBarcodeImage !== null) return; // Already initialized
+      // Get the initial barcode image from capturedDocuments (since resetBestFrame clears the canvas)
+      var initialBarcodeImage = (_b = (_a = state.capturedDocuments.idBarcodeImage) === null || _a === void 0 ? void 0 : _a.imageData) !== null && _b !== void 0 ? _b : null;
+      dispatchIdCaptureAction({
+        type: 'barcodeRecaptureStarted',
+        payload: {
+          initialBarcodeScore: state.initialBarcodeScore,
+          initialCaptureBarcodeImage: initialBarcodeImage
+        }
+      });
+    }, [state.captureState, (_d = state.capturedDocuments.idBarcodeImage) === null || _d === void 0 ? void 0 : _d.imageData, state.initialBarcodeScore, state.initialCaptureBarcodeImage]);
+    // Handle barcode recapture timeout
+    React.useEffect(function () {
+      if (state.captureState !== 'requestingBetterBarcode') return;
+      // Continue detection to try to get a better barcode
+      setTimeout(start, 100);
+      var t = setTimeout(function () {
+        // Move-closer window expired before recapture began
+        if (recapturePhaseStartedRef.current) return;
+        var bestBarcode = getBestBarcode();
+        var improved = !!bestBarcode && bestBarcode.score > state.initialBarcodeScore;
+        if (improved) {
+          log("[IdCaptureWizard] Barcode recapture move-closer window timed out. Found better barcode anyway: ".concat(bestBarcode.score.toFixed(3), " (was ").concat(state.initialBarcodeScore.toFixed(3), ")"));
+          // Persist the "after" image for debug visual comparison, even if the
+          // model-provider recapture tracker was never started.
+          dispatchIdCaptureAction({
+            type: 'recaptureBarcodeImageCaptured',
+            payload: {
+              recaptureBarcodeImage: bestBarcode.canvas.toDataURL('image/jpeg', 0.95)
+            }
+          });
+          dispatchIdCaptureAction({
+            type: 'barcodeCaptured',
+            payload: {
+              imageUrl: bestBarcode.canvas.toDataURL('image/jpeg', 0.95),
+              barcodeReadabilityScore: bestBarcode.score
+            }
+          });
+        } else {
+          log("[IdCaptureWizard] Barcode recapture move-closer window timed out. No better barcode found. Initial score: ".concat(state.initialBarcodeScore.toFixed(3)));
+        }
+        // Record that recapture was attempted (for diagnostics)
+        dispatchIdCaptureAction({
+          type: 'barcodeRecaptureScoreUpdated',
+          payload: {
+            recaptureBarcodeScore: improved ? bestBarcode.score : state.initialBarcodeScore
+          }
+        });
+        dispatchIdCaptureAction({
+          type: 'barcodeRecaptureCompleted'
+        });
+      }, barcodeRecaptureMoveCloserTimeoutMs);
+      return function () {
+        return clearTimeout(t);
+      };
+    }, [barcodeRecaptureMoveCloserTimeoutMs, getBestBarcode, start, state.captureState, state.initialBarcodeScore]);
+    React.useEffect(function () {
+      if (state.captureState !== 'requestingBetterBarcode') return;
+      if (!barcodeRecaptureGrowthSatisfied) return;
+      var t = setTimeout(function () {
+        var _a, _b;
+        // Capture window expired - complete with whatever barcode we have
+        var recaptureBarcode = getRecaptureBestBarcode();
+        var bestBarcode = getBestBarcode();
+        var recaptureScore = (_a = recaptureBarcode === null || recaptureBarcode === void 0 ? void 0 : recaptureBarcode.score) !== null && _a !== void 0 ? _a : null;
+        var improved = !!bestBarcode && bestBarcode.score > state.initialBarcodeScore;
+        // Store the recapture score for diagnostic purposes
+        dispatchIdCaptureAction({
+          type: 'barcodeRecaptureScoreUpdated',
+          payload: {
+            recaptureBarcodeScore: improved ? bestBarcode.score : recaptureScore !== null && recaptureScore !== void 0 ? recaptureScore : state.initialBarcodeScore
+          }
+        });
+        // Store the recapture barcode image if we found one
+        if (recaptureBarcode) {
+          dispatchIdCaptureAction({
+            type: 'recaptureBarcodeImageCaptured',
+            payload: {
+              recaptureBarcodeImage: recaptureBarcode.canvas.toDataURL('image/jpeg', 0.95)
+            }
+          });
+        } else if (improved) {
+          // If we improved but don't have a recapture-specific best tracked,
+          // still persist the "after" image so debug visual comparison works.
+          dispatchIdCaptureAction({
+            type: 'recaptureBarcodeImageCaptured',
+            payload: {
+              recaptureBarcodeImage: bestBarcode.canvas.toDataURL('image/jpeg', 0.95)
+            }
+          });
+        }
+        if (improved) {
+          log("[IdCaptureWizard] Barcode recapture completed. Found better barcode: ".concat(bestBarcode.score.toFixed(3), " (was ").concat(state.initialBarcodeScore.toFixed(3), ")"));
+          dispatchIdCaptureAction({
+            type: 'barcodeCaptured',
+            payload: {
+              imageUrl: bestBarcode.canvas.toDataURL('image/jpeg', 0.95),
+              barcodeReadabilityScore: bestBarcode.score
+            }
+          });
+        } else {
+          log("[IdCaptureWizard] Barcode recapture completed. No better barcode found. Best recapture score: ".concat((_b = recaptureScore === null || recaptureScore === void 0 ? void 0 : recaptureScore.toFixed(3)) !== null && _b !== void 0 ? _b : 'none', ", initial score: ").concat(state.initialBarcodeScore.toFixed(3)));
+        }
+        dispatchIdCaptureAction({
+          type: 'barcodeRecaptureCompleted'
+        });
+      }, barcodeRecaptureTimeoutMs);
+      return function () {
+        return clearTimeout(t);
+      };
+    }, [barcodeRecaptureGrowthSatisfied, barcodeRecaptureTimeoutMs, getBestBarcode, getRecaptureBestBarcode, state.captureState, state.initialBarcodeScore]);
+    // Continue detection during barcode recapture and update barcode if better one found
+    React.useEffect(function () {
+      if (state.captureState !== 'requestingBetterBarcode') return;
+      // Set required document type to idCardBack for barcode detection
+      setRequiredDocumentType('idCardBack');
+      return function () {
+        setRequiredDocumentType('none');
+      };
+    }, [setRequiredDocumentType, state.captureState]);
     React.useEffect(function () {
       if (state.requestedDocumentType === 'idCardFront') {
         if (captureRequirement === 'idCardOrPassport') {
@@ -20520,9 +21053,9 @@
         });
       });
     }, []);
-    var _11 = React.useState(false),
-      progressStarted = _11[0],
-      setProgressStarted = _11[1];
+    var _21 = React.useState(false),
+      progressStarted = _21[0],
+      setProgressStarted = _21[1];
     React.useEffect(function () {
       if (state.captureState === 'capturing') {
         setProgressStarted(false);
@@ -20550,9 +21083,9 @@
         verbiage: verbiage.uploadOrCaptureScreen
       });
     }
-    var requestedAction = state.captureState === 'requestingFlip' ? 'FLIP_ID' : state.requestedDocumentType === 'idCardBack' ? 'SHOW_ID_BACK' : state.requestedDocumentType === 'passport' ? 'SHOW_PASSPORT' : 'SHOW_ID_FRONT';
+    var requestedAction = state.captureState === 'requestingFlip' ? 'FLIP_ID' : state.captureState === 'requestingBetterBarcode' ? 'SHOW_ID_BACK' : state.requestedDocumentType === 'idCardBack' ? 'SHOW_ID_BACK' : state.requestedDocumentType === 'passport' ? 'SHOW_PASSPORT' : 'SHOW_ID_FRONT';
     var guidesStatus = !overlayDismissed ? 'disabled' : state.isGoodFrame ? 'capturing' : 'ready';
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ScalingCameraFeed, null), overlayDismissed && state.captureState === 'capturing' && (/*#__PURE__*/React.createElement(IdCapture, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ScalingCameraFeed, null), overlayDismissed && (state.captureState === 'capturing' || state.captureState === 'requestingBetterBarcode') && (/*#__PURE__*/React.createElement(IdCapture, {
       requiredDocumentType: state.requestedDocumentType,
       thresholds: thresholds,
       onCapture: onCapture,
@@ -20560,11 +21093,18 @@
       colors: colors,
       verbiage: idCaptureVerbiage,
       debugMode: debugMode
-    })), /*#__PURE__*/React.createElement(IdCaptureGuides, {
+    })), overlayDismissed && state.captureState === 'requestingBetterBarcode' && (/*#__PURE__*/React.createElement(GuidanceMessageContainer, {
+      "$top": "",
+      "$bottom": "12.5%",
+      className: (_e = classNames.capture) === null || _e === void 0 ? void 0 : _e.guidanceMessageContainer
+    }, /*#__PURE__*/React.createElement(GuidanceMessage, {
+      "$variant": "default",
+      className: (_f = classNames.capture) === null || _f === void 0 ? void 0 : _f.guidanceMessage
+    }, barcodeRecaptureGuidanceMessage))), /*#__PURE__*/React.createElement(IdCaptureGuides, {
       key: "guides".concat(attempt),
       guideType: guideType,
       status: guidesStatus,
-      progress: progressStarted && state.captureState === 'capturing' ? 1 : 0,
+      progress: progressStarted && isCapturing ? 1 : 0,
       portraitGuidesOnMobile: portraitGuidesOnMobile,
       requestedAction: requestedAction,
       images: guideImages,
@@ -20572,15 +21112,15 @@
       colors: colors,
       verbiage: idCaptureVerbiage,
       isBackToFront: state.allowIdCardBackToFrontCapture && 'idCardBack' in state.capturedDocuments
-    }), debugMode && !((_c = (_b = theme.idCapture) === null || _b === void 0 ? void 0 : _b.capturePreview) === null || _c === void 0 ? void 0 : _c.disabled) && state.captureState === 'requestingFlip' && !separateIdCardCaptureSequence && state.imageUrl && (/*#__PURE__*/React.createElement(IdCaptureImagePreview, {
-      classNames: (_d = classNames.capture) === null || _d === void 0 ? void 0 : _d.imagePreview,
-      text: (_e = idCaptureVerbiages === null || idCaptureVerbiages === void 0 ? void 0 : idCaptureVerbiages.idCardFront) === null || _e === void 0 ? void 0 : _e.processingIdCardText,
+    }), debugMode && !((_h = (_g = theme.idCapture) === null || _g === void 0 ? void 0 : _g.capturePreview) === null || _h === void 0 ? void 0 : _h.disabled) && state.captureState === 'requestingFlip' && !separateIdCardCaptureSequence && state.imageUrl && (/*#__PURE__*/React.createElement(IdCaptureImagePreview, {
+      classNames: (_j = classNames.capture) === null || _j === void 0 ? void 0 : _j.imagePreview,
+      text: (_k = idCaptureVerbiages === null || idCaptureVerbiages === void 0 ? void 0 : idCaptureVerbiages.idCardFront) === null || _k === void 0 ? void 0 : _k.processingIdCardText,
       imageUrl: state.imageUrl
     })), state.captureState !== 'complete' && (/*#__PURE__*/React.createElement("div", {
       id: "idmission-above-guides-content"
     })), (!customOverlayContent || !!customOverlayContent && overlayDismissed) && (/*#__PURE__*/React.createElement(ExitCaptureButton, {
       onClick: onExit,
-      className: (_f = classNames.capture) === null || _f === void 0 ? void 0 : _f.exitCaptureBtn
+      className: (_l = classNames.capture) === null || _l === void 0 ? void 0 : _l.exitCaptureBtn
     })), !overlayDismissed && (/*#__PURE__*/React.createElement(IdCaptureLoadingOverlay, {
       key: "loading".concat(attempt),
       mode: loadingOverlayMode,
@@ -20618,7 +21158,14 @@
       onRetryClick: onRetryClick,
       colors: colors.success,
       verbiage: verbiage.success,
-      debugMode: debugMode
+      debugMode: debugMode,
+      initialBarcodeScore:
+      // Show diagnostic info if recapture occurred (indicated by recaptureBarcodeScore being set)
+      // If recapture occurred, initialBarcodeScore was set (even if it's 0, which is valid)
+      state.recaptureBarcodeScore !== null ? state.initialBarcodeScore : undefined,
+      recaptureBarcodeScore: state.recaptureBarcodeScore,
+      initialCaptureBarcodeImage: state.initialCaptureBarcodeImage,
+      recaptureBarcodeImage: state.recaptureBarcodeImage
     })));
   };
   function IdCaptureWizardWithProviders(_a) {