idmission-web-sdk 2.3.170 → 2.3.171-feature-barcode-recapture-a8375e9

package/dist/sdk2.cjs.development.js

@@ -528,8 +528,8 @@ var OverlayImageContainer = styled__default.default.div(templateObject_3$u || (t
 var OverlayImageRow = styled__default.default.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__default.default(OverlayContainer)(templateObject_5$g || (templateObject_5$g = __makeTemplateObject(["\n  background: #f7f6fb;\n"], ["\n  background: #f7f6fb;\n"])));
 var ButtonsColumn = styled__default.default.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__default.default(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__default.default(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__default.default(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__default.default(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) {
@@ -539,34 +539,34 @@ var WideBorderButton = styled__default.default(WideButton)(templateObject_8$5 ||
   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__default.default(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__default.default.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__default.default(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__default.default.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__default.default(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__default.default(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__default.default(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__default.default(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__default.default.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__default.default.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__default.default.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__default.default(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__default.default.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__default.default.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__default.default.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__default.default.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__default.default.img(templateObject_21$1 || (templateObject_21$1 = __makeTemplateObject(["\n  transform-style: preserve-3d;\n"], ["\n  transform-style: preserve-3d;\n"])));
-var LoadingOverlayContinueButtonContainer = styled__default.default.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__default.default(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__default.default.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__default.default.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__default.default.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__default.default.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__default.default.img(templateObject_21$2 || (templateObject_21$2 = __makeTemplateObject(["\n  transform-style: preserve-3d;\n"], ["\n  transform-style: preserve-3d;\n"])));
+var LoadingOverlayContinueButtonContainer = styled__default.default.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;
 
 var GeolocationAccessDeniedOverlay = function GeolocationAccessDeniedOverlay(_a) {
   var accessBlockedImageUrl = _a.accessBlockedImageUrl;
@@ -4684,8 +4684,13 @@ var createCameraStore = function createCameraStore(config) {
         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({
@@ -4998,26 +5003,25 @@ var createCameraStore = function createCameraStore(config) {
 };
 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({
@@ -5031,16 +5035,6 @@ function CameraStoreProvider(_a) {
     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();
@@ -6119,6 +6113,15 @@ var IdCaptureModelsContext = /*#__PURE__*/React.createContext({
   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;
@@ -6178,6 +6181,14 @@ function IdCaptureModelsProviderInner(_a) {
   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];
@@ -6202,10 +6213,10 @@ function IdCaptureModelsProviderInner(_a) {
     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;
@@ -6219,7 +6230,9 @@ function IdCaptureModelsProviderInner(_a) {
                 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;
@@ -6242,7 +6255,7 @@ function IdCaptureModelsProviderInner(_a) {
               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;
@@ -6252,15 +6265,61 @@ function IdCaptureModelsProviderInner(_a) {
               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,
@@ -6293,19 +6352,58 @@ function IdCaptureModelsProviderInner(_a) {
       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();
@@ -6371,10 +6469,13 @@ function IdCaptureModelsProviderInner(_a) {
       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__namespace.default.createElement(IdCaptureModelsContext.Provider, {
     value: value
   }, /*#__PURE__*/React__namespace.default.createElement(InvisibleCanvasContainer, null, /*#__PURE__*/React__namespace.default.createElement(InvisibleCanvas, {
@@ -6386,6 +6487,12 @@ function IdCaptureModelsProviderInner(_a) {
   }), /*#__PURE__*/React__namespace.default.createElement(InvisibleCanvas, {
     key: "cd-".concat(canvasKey),
     ref: croppedDocumentCanvas
+  }), /*#__PURE__*/React__namespace.default.createElement(InvisibleCanvas, {
+    key: "icb-".concat(canvasKey),
+    ref: initialCaptureBarcodeCanvas
+  }), /*#__PURE__*/React__namespace.default.createElement(InvisibleCanvas, {
+    key: "rcb-".concat(canvasKey),
+    ref: recaptureBarcodeCanvas
   })), children);
 }
 function IdCaptureModelsProvider(_a) {
@@ -6480,6 +6587,8 @@ var initialState$5 = {
   singlePageDetectionThresholdMet: false,
   focusScore: 0,
   focusThresholdMet: false,
+  pdf417PredictionScore: 0,
+  pdf417PredictionThresholdMet: false,
   isGoodFrame: false,
   goodFramesCount: 0,
   goodFramesThreshold: 3,
@@ -6501,30 +6610,42 @@ var initialState$5 = {
   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';
@@ -6581,26 +6702,28 @@ var _reducer = function reducer(state, action) {
       });
     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;
@@ -6680,6 +6803,8 @@ var _reducer = function reducer(state, action) {
           singlePageDetectionThresholdMet: singlePageDetectionThresholdMet,
           focusScore: focusScore,
           focusThresholdMet: focusThresholdMet,
+          pdf417PredictionScore: pdf417PredictionScore,
+          pdf417PredictionThresholdMet: pdf417PredictionThresholdMet,
           isGoodFrame: isGoodFrame,
           goodFramesCount: goodFramesCount,
           goodFramesThreshold: goodFramesThreshold,
@@ -6733,7 +6858,18 @@ var _reducer = function reducer(state, action) {
         });
         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') {
@@ -6760,8 +6896,8 @@ var _reducer = function reducer(state, action) {
     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
@@ -6811,13 +6947,49 @@ var _reducer = function reducer(state, action) {
           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;
@@ -7249,36 +7421,36 @@ function extractSize(entry, sizeType) {
 }
 
 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'
@@ -7303,7 +7475,7 @@ var IdCapture = function IdCapture(_a) {
       }
     });
   }, [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({
@@ -7403,13 +7575,18 @@ var IdCapture = function IdCapture(_a) {
     "$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__namespace.default.createElement(IdCaptureDetectedObjectDebugBox, {
       key: i,
       obj: obj,
       scaling: debugScalingDetails,
-      flipX: !isRearFacing
+      flipX: !isRearFacing,
+      color: color
     });
-  }))), debugMode && (/*#__PURE__*/React__namespace.default.createElement(DebugStatsPane, null, camera ? (/*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, "\u2705 Camera: ", camera.label, " (", camera.width, "x", camera.height, ")")) : '❌ Camera not ready', /*#__PURE__*/React__namespace.default.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__namespace.default.createElement("br", null), modelsReady ? (/*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, state.detectionThresholdMet ? '✅' : '❌', " Detected Document Type: ", state.detectedDocumentType, /*#__PURE__*/React__namespace.default.createElement("br", null), state.idCardFrontDetectionThresholdMet ? '✅' : '❌', " ID Card Front Score: ", state.idCardFrontDetectionScore.toFixed(3), /*#__PURE__*/React__namespace.default.createElement("br", null), state.idCardBackDetectionThresholdMet ? '✅' : '❌', " ID Card Back Score: ", state.idCardBackDetectionScore.toFixed(3), /*#__PURE__*/React__namespace.default.createElement("br", null), state.passportDetectionThresholdMet ? '✅' : '❌', " Passport Score: ", state.passportDetectionScore.toFixed(3), /*#__PURE__*/React__namespace.default.createElement("br", null), state.singlePageDetectionThresholdMet ? '✅' : '❌', " Single Page Score: ", state.singlePageDetectionScore.toFixed(3), /*#__PURE__*/React__namespace.default.createElement("br", null), state.focusThresholdMet ? '✅' : '❌', " Focus Score:", ' ', state.focusScore.toFixed(3), /*#__PURE__*/React__namespace.default.createElement("br", null), state.documentInBounds ? '✅' : '❌', " Document In Bounds", /*#__PURE__*/React__namespace.default.createElement("br", null), state.documentIsStable ? '✅' : '❌', " Document Is Stable", /*#__PURE__*/React__namespace.default.createElement("br", null), state.goodFramesThresholdMet ? '✅' : '❌', " Good Frame Count:", ' ', state.goodFramesCount, "/", state.goodFramesThreshold)) : (/*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, "\u274C Models not ready")))));
+  }))), debugMode && (/*#__PURE__*/React__namespace.default.createElement(DebugStatsPane, null, camera ? (/*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, "\u2705 Camera: ", camera.label, " (", camera.width, "x", camera.height, ")")) : '❌ Camera not ready', /*#__PURE__*/React__namespace.default.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__namespace.default.createElement("br", null), modelsReady ? (/*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, state.detectionThresholdMet ? '✅' : '❌', " Detected Document Type: ", state.detectedDocumentType, /*#__PURE__*/React__namespace.default.createElement("br", null), state.idCardFrontDetectionThresholdMet ? '✅' : '❌', " ID Card Front Score: ", state.idCardFrontDetectionScore.toFixed(3), /*#__PURE__*/React__namespace.default.createElement("br", null), state.idCardBackDetectionThresholdMet ? '✅' : '❌', " ID Card Back Score: ", state.idCardBackDetectionScore.toFixed(3), /*#__PURE__*/React__namespace.default.createElement("br", null), state.passportDetectionThresholdMet ? '✅' : '❌', " Passport Score: ", state.passportDetectionScore.toFixed(3), /*#__PURE__*/React__namespace.default.createElement("br", null), state.singlePageDetectionThresholdMet ? '✅' : '❌', " Single Page Score: ", state.singlePageDetectionScore.toFixed(3), /*#__PURE__*/React__namespace.default.createElement("br", null), state.focusThresholdMet ? '✅' : '❌', " Focus Score:", ' ', state.focusScore.toFixed(3), /*#__PURE__*/React__namespace.default.createElement("br", null), state.pdf417PredictionThresholdMet ? '✅' : '❌', " Current Barcode Score: ", state.pdf417PredictionScore.toFixed(3), /*#__PURE__*/React__namespace.default.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__namespace.default.createElement("br", null), state.documentInBounds ? '✅' : '❌', " Document In Bounds", /*#__PURE__*/React__namespace.default.createElement("br", null), state.documentIsStable ? '✅' : '❌', " Document Is Stable", /*#__PURE__*/React__namespace.default.createElement("br", null), state.goodFramesThresholdMet ? '✅' : '❌', " Good Frame Count:", ' ', state.goodFramesCount, "/", state.goodFramesThreshold)) : (/*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, "\u274C Models not ready")))));
 };
 var timeSince = function timeSince(t) {
   if (!t) return 0;
@@ -8289,11 +8466,11 @@ var ProgressBarBackground$1 = styled__default.default(LoadingOverlayProgressBarB
   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__default.default(LoadingOverlayProgressIndicator)(templateObject_7$5 || (templateObject_7$5 = __makeTemplateObject(["\n  background: ", ";\n"], ["\n  background: ", ";\n"])), function (props) {
+var ProgressIndicator$1 = styled__default.default(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__default.default(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__default.default(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) {
@@ -8312,7 +8489,7 @@ var ContinueButton$1 = styled__default.default(LoaderButton)(templateObject_8$4
   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__default.default.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__default.default.input(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n  margin-right: 8px;\n"], ["\n  margin-right: 8px;\n"])));
@@ -8499,6 +8676,14 @@ var FlexCard = styled__default.default(Card)(templateObject_2$z || (templateObje
 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,
@@ -8510,8 +8695,22 @@ var IdCaptureSuccess = function IdCaptureSuccess(_a) {
     _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',
@@ -8531,6 +8730,7 @@ var IdCaptureSuccess = function IdCaptureSuccess(_a) {
   }, /*#__PURE__*/React__namespace.default.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__namespace.default.createElement(ImageCol$1, {
@@ -8540,7 +8740,57 @@ var IdCaptureSuccess = function IdCaptureSuccess(_a) {
       image: doc,
       className: classNames.image,
       alt: doc.documentType
-    }), debugMode && (/*#__PURE__*/React__namespace.default.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__namespace.default.createElement(DebugInfoContainer, null, name === 'idBarcodeImage' ? (/*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(DebugSection, null, /*#__PURE__*/React__namespace.default.createElement(DebugLabel, null, "Document Type:"), /*#__PURE__*/React__namespace.default.createElement(DebugValue, null, doc.documentType)), /*#__PURE__*/React__namespace.default.createElement(DebugSection, null, /*#__PURE__*/React__namespace.default.createElement(DebugLabel, null, "Readability Score:"), /*#__PURE__*/React__namespace.default.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__namespace.default.createElement(BarcodeComparisonCard, null, /*#__PURE__*/React__namespace.default.createElement(ComparisonHeader, null, "\uD83D\uDCCA Barcode Recapture Analysis"), /*#__PURE__*/React__namespace.default.createElement(ComparisonRow, null, /*#__PURE__*/React__namespace.default.createElement(ComparisonLabel, null, "Initial Capture:"), /*#__PURE__*/React__namespace.default.createElement(ComparisonScoreBadge, null, initialBarcodeScore.toFixed(3))), /*#__PURE__*/React__namespace.default.createElement(ComparisonRow, null, /*#__PURE__*/React__namespace.default.createElement(ComparisonLabel, null, "After Recapture:"), /*#__PURE__*/React__namespace.default.createElement(ComparisonScoreBadge, null, recaptureBarcodeScore.toFixed(3))), /*#__PURE__*/React__namespace.default.createElement(ComparisonDivider, null), /*#__PURE__*/React__namespace.default.createElement(ComparisonRow, null, /*#__PURE__*/React__namespace.default.createElement(ComparisonLabel, null, "Improvement:"), /*#__PURE__*/React__namespace.default.createElement(ImprovementBadge, {
+      "$improved": recaptureBarcodeScore > initialBarcodeScore
+    }, recaptureBarcodeScore > initialBarcodeScore ? '↑' : '→', ' ', Math.abs(recaptureBarcodeScore - initialBarcodeScore).toFixed(3), ' ', "(", recaptureBarcodeScore > initialBarcodeScore ? 'Better' : 'Same/Worse', ")")), (initialCaptureBarcodeImage || recaptureBarcodeImage) && (/*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(ComparisonDivider, null), /*#__PURE__*/React__namespace.default.createElement(ComparisonHeader, {
+      style: {
+        marginTop: '0.25rem'
+      }
+    }, "\uD83D\uDD0D Visual Comparison"), /*#__PURE__*/React__namespace.default.createElement(BarcodeComparisonImagesContainer, null, initialCaptureBarcodeImage && (/*#__PURE__*/React__namespace.default.createElement(BarcodeComparisonImageWrapper, null, /*#__PURE__*/React__namespace.default.createElement(BarcodeComparisonImageLabel, null, "Initial Capture"), /*#__PURE__*/React__namespace.default.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__namespace.default.createElement(BarcodeComparisonScoreLabel, {
+      "$isHigher": initialBarcodeScore >= recaptureBarcodeScore
+    }, initialBarcodeScore.toFixed(3)))), recaptureBarcodeImage && (/*#__PURE__*/React__namespace.default.createElement(BarcodeComparisonImageWrapper, null, /*#__PURE__*/React__namespace.default.createElement(BarcodeComparisonImageLabel, null, "Recapture"), /*#__PURE__*/React__namespace.default.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__namespace.default.createElement(BarcodeComparisonScoreLabel, {
+      "$isHigher": recaptureBarcodeScore > initialBarcodeScore
+    }, recaptureBarcodeScore.toFixed(3))))))))) : (/*#__PURE__*/React__namespace.default.createElement(BarcodeComparisonCard, null, /*#__PURE__*/React__namespace.default.createElement(ComparisonHeader, null, "\u26A0\uFE0F Recapture Attempted"), /*#__PURE__*/React__namespace.default.createElement(ComparisonRow, null, /*#__PURE__*/React__namespace.default.createElement(ComparisonLabel, null, "Initial Score:"), /*#__PURE__*/React__namespace.default.createElement(ComparisonScoreBadge, null, initialBarcodeScore.toFixed(3))), /*#__PURE__*/React__namespace.default.createElement(ComparisonRow, null, /*#__PURE__*/React__namespace.default.createElement(ComparisonLabel, null, "Recapture Result:"), /*#__PURE__*/React__namespace.default.createElement(ComparisonValue, null, "No barcode found")), initialCaptureBarcodeImage && (/*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(ComparisonDivider, null), /*#__PURE__*/React__namespace.default.createElement(ComparisonHeader, {
+      style: {
+        marginTop: '0.25rem'
+      }
+    }, "\uD83D\uDD0D Barcode Image (kept)"), /*#__PURE__*/React__namespace.default.createElement(BarcodeComparisonImagesContainer, {
+      style: {
+        gridTemplateColumns: '1fr'
+      }
+    }, /*#__PURE__*/React__namespace.default.createElement(BarcodeComparisonImageWrapper, null, /*#__PURE__*/React__namespace.default.createElement(BarcodeComparisonImageLabel, null, "Initial Capture"), /*#__PURE__*/React__namespace.default.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__namespace.default.createElement(BarcodeComparisonScoreLabel, {
+      "$isHigher": true
+    }, initialBarcodeScore.toFixed(3))))))))))) : (/*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(DebugSection, null, /*#__PURE__*/React__namespace.default.createElement(DebugLabel, null, "Document Type:"), /*#__PURE__*/React__namespace.default.createElement(DebugValue, null, doc.documentType)), /*#__PURE__*/React__namespace.default.createElement(DebugSection, null, /*#__PURE__*/React__namespace.default.createElement(DebugLabel, null, "Detection Score:"), /*#__PURE__*/React__namespace.default.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__namespace.default.createElement(DebugSection, null, /*#__PURE__*/React__namespace.default.createElement(DebugLabel, null, "Focus Score:"), /*#__PURE__*/React__namespace.default.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__namespace.default.createElement(DebugSection, null, /*#__PURE__*/React__namespace.default.createElement(DebugLabel, null, "Bounding Box:"), /*#__PURE__*/React__namespace.default.createElement(DebugValue, null, JSON.stringify(doc.boundingBox, null, 2))))))));
   }))), /*#__PURE__*/React__namespace.default.createElement(ButtonsColumn, {
     className: classNames.buttonsRow
   }, /*#__PURE__*/React__namespace.default.createElement(WideButton, {
@@ -8563,8 +8813,91 @@ var ImagesContainer = styled__default.default(OverlayImageContainer)(templateObj
 var ImageRow = styled__default.default(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__default.default.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__default.default(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__default.default.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__default.default.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__default.default.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__default.default.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__default.default.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__default.default.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__default.default.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__default.default.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__default.default.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__default.default.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__default.default.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__default.default.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__default.default.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__default.default.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__default.default.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__default.default.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__default.default.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__default.default.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__default.default.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;
@@ -11094,7 +11427,7 @@ var lastDocumentDetectedAtDefaults = {
   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,
@@ -11105,86 +11438,115 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
     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',
@@ -11195,10 +11557,12 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
         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;
@@ -11210,8 +11574,10 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
   }, [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) {
@@ -11230,24 +11596,62 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
     }
   }, [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);
           }
@@ -11265,7 +11669,7 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
         });
       }
     });
-  }, [documentDetectionThrottleMs, onDocumentDetected, onPredictionMade, resetBestFrame]);
+  }, [barcodeRecaptureBboxGrowthPct, documentDetectionThrottleMs, onDocumentDetected, onPredictionMade, resetBestFrame, startBarcodeRecapturePhase]);
   React.useEffect(function () {
     if (state.captureState === 'complete') stop();
   }, [state.captureState, stop]);
@@ -11320,9 +11724,9 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
       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);
@@ -11348,20 +11752,25 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
       });
     }
   }, [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;
@@ -11375,6 +11784,130 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
       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') {
@@ -11413,9 +11946,9 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
       });
     });
   }, []);
-  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);
@@ -11443,9 +11976,9 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
       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__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(ScalingCameraFeed, null), overlayDismissed && state.captureState === 'capturing' && (/*#__PURE__*/React__namespace.default.createElement(IdCapture, {
+  return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(ScalingCameraFeed, null), overlayDismissed && (state.captureState === 'capturing' || state.captureState === 'requestingBetterBarcode') && (/*#__PURE__*/React__namespace.default.createElement(IdCapture, {
     requiredDocumentType: state.requestedDocumentType,
     thresholds: thresholds,
     onCapture: onCapture,
@@ -11453,11 +11986,18 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
     colors: colors,
     verbiage: idCaptureVerbiage,
     debugMode: debugMode
-  })), /*#__PURE__*/React__namespace.default.createElement(IdCaptureGuides, {
+  })), overlayDismissed && state.captureState === 'requestingBetterBarcode' && (/*#__PURE__*/React__namespace.default.createElement(GuidanceMessageContainer, {
+    "$top": "",
+    "$bottom": "12.5%",
+    className: (_e = classNames.capture) === null || _e === void 0 ? void 0 : _e.guidanceMessageContainer
+  }, /*#__PURE__*/React__namespace.default.createElement(GuidanceMessage, {
+    "$variant": "default",
+    className: (_f = classNames.capture) === null || _f === void 0 ? void 0 : _f.guidanceMessage
+  }, barcodeRecaptureGuidanceMessage))), /*#__PURE__*/React__namespace.default.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,
@@ -11465,15 +12005,15 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
     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__namespace.default.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__namespace.default.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__namespace.default.createElement("div", {
     id: "idmission-above-guides-content"
   })), (!customOverlayContent || !!customOverlayContent && overlayDismissed) && (/*#__PURE__*/React__namespace.default.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__namespace.default.createElement(IdCaptureLoadingOverlay, {
     key: "loading".concat(attempt),
     mode: loadingOverlayMode,
@@ -11511,7 +12051,14 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
     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) {