idmission-web-sdk 2.3.171-feature-barcode-recapture-d495693 → 2.3.171-feature-barcode-recapture-658bede

package/dist/sdk2.umd.development.js

@@ -502,7 +502,7 @@
   });
   var OverlayImageContainer = styled.div(templateObject_3$w || (templateObject_3$w = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-grow: 1;\n  padding-bottom: 25px;\n  overflow: hidden;\n\n  & > img,\n  & > svg {\n    margin: 0 auto;\n    width: max-content;\n    max-width: 100%;\n    max-height: 100%;\n    aspect-ratio: initial;\n    object-fit: contain;\n    display: block;\n  }\n"], ["\n  position: relative;\n  display: flex;\n  flex-grow: 1;\n  padding-bottom: 25px;\n  overflow: hidden;\n\n  & > img,\n  & > svg {\n    margin: 0 auto;\n    width: max-content;\n    max-width: 100%;\n    max-height: 100%;\n    aspect-ratio: initial;\n    object-fit: contain;\n    display: block;\n  }\n"])));
   var OverlayImageRow = styled.div(templateObject_4$q || (templateObject_4$q = __makeTemplateObject(["\n  display: flex;\n  margin: auto;\n\n  & > div {\n    max-height: calc(100% - 320px);\n\n    & > img {\n      width: 100%;\n      max-height: 100%;\n      height: auto;\n      object-fit: contain;\n    }\n  }\n"], ["\n  display: flex;\n  margin: auto;\n\n  & > div {\n    max-height: calc(100% - 320px);\n\n    & > img {\n      width: 100%;\n      max-height: 100%;\n      height: auto;\n      object-fit: contain;\n    }\n  }\n"])));
-  var GrayOverlayContainer = styled(OverlayContainer)(templateObject_5$i || (templateObject_5$i = __makeTemplateObject(["\n  background: #f7f6fb;\n"], ["\n  background: #f7f6fb;\n"])));
+  var GrayOverlayContainer = styled(OverlayContainer)(templateObject_5$j || (templateObject_5$j = __makeTemplateObject(["\n  background: #f7f6fb;\n"], ["\n  background: #f7f6fb;\n"])));
   var ButtonsColumn = styled.div(templateObject_6$b || (templateObject_6$b = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 15px 0;\n  justify-content: center;\n  margin-top: 24px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 15px 0;\n  justify-content: center;\n  margin-top: 24px;\n"])));
   var WideButton = styled(LoaderButton)(templateObject_7$7 || (templateObject_7$7 = __makeTemplateObject(["\n  width: 100%;\n  border-radius: 30px;\n"], ["\n  width: 100%;\n  border-radius: 30px;\n"])));
   var WideBorderButton = styled(WideButton)(templateObject_8$6 || (templateObject_8$6 = __makeTemplateObject(["\n  color: ", ";\n  background: ", ";\n  border: 1px solid\n    ", ";\n  box-sizing: border-box;\n"], ["\n  color: ", ";\n  background: ", ";\n  border: 1px solid\n    ", ";\n  box-sizing: border-box;\n"])), function (props) {
@@ -542,7 +542,7 @@
   var LoadingOverlayProgressContainer = styled.div(templateObject_20$2 || (templateObject_20$2 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n"])));
   var LoadingOverlayCustomLoadingGraphic = styled.img(templateObject_21$2 || (templateObject_21$2 = __makeTemplateObject(["\n  transform-style: preserve-3d;\n"], ["\n  transform-style: preserve-3d;\n"])));
   var LoadingOverlayContinueButtonContainer = styled.div(templateObject_22$2 || (templateObject_22$2 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-  var templateObject_1$P, templateObject_2$K, templateObject_3$w, templateObject_4$q, templateObject_5$i, templateObject_6$b, 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 templateObject_1$P, templateObject_2$K, templateObject_3$w, templateObject_4$q, templateObject_5$j, templateObject_6$b, templateObject_7$7, templateObject_8$6, templateObject_9$4, templateObject_10$3, templateObject_11$3, templateObject_12$3, templateObject_13$3, templateObject_14$2, templateObject_15$2, templateObject_16$2, templateObject_17$2, templateObject_18$2, templateObject_19$2, templateObject_20$2, templateObject_21$2, templateObject_22$2;
 
   function _extends() {
     return _extends = Object.assign ? Object.assign.bind() : function (n) {
@@ -14690,9 +14690,9 @@
   function analyzeBarcodeReadability(prediction, lastPredictionCanvas, croppedDocumentCanvas, bestBarcodeCanvas, currentBestBarcodeScore, documentDetectionThresholds, makeBarcodeReadabilityPrediction, barcodeReadabilityThreshold) {
     return __awaiter(this, void 0, void 0, function () {
       var pdf417PredictionTime, pdf417PredictionScore, pdf417PredictionThresholdMet, newBestBarcodeScore, newBestBarcodeDetails, documentCroppedPrediction, processedCroppedPrediction, pdf417Prediction;
-      var _a;
-      return __generator(this, function (_b) {
-        switch (_b.label) {
+      var _a, _b;
+      return __generator(this, function (_c) {
+        switch (_c.label) {
           case 0:
             pdf417PredictionTime = 0;
             pdf417PredictionScore = 0;
@@ -14703,7 +14703,8 @@
                 pdf417PredictionScore: pdf417PredictionScore,
                 pdf417PredictionThresholdMet: pdf417PredictionThresholdMet,
                 newBestBarcodeScore: newBestBarcodeScore,
-                newBestBarcodeDetails: newBestBarcodeDetails
+                newBestBarcodeDetails: newBestBarcodeDetails,
+                processedBarcodeBoundingBox: undefined
               }];
             }
             /**
@@ -14713,7 +14714,7 @@
             cropToDetectedObjectBox(lastPredictionCanvas, prediction.bestDocument.box, croppedDocumentCanvas);
             return [4 /*yield*/, makeDocumentDetectorPrediction(croppedDocumentCanvas)];
           case 1:
-            documentCroppedPrediction = _b.sent();
+            documentCroppedPrediction = _c.sent();
             if (!documentCroppedPrediction) {
               // error occurred during prediction (error logged by callee)
               return [2 /*return*/, {
@@ -14721,7 +14722,8 @@
                 pdf417PredictionScore: pdf417PredictionScore,
                 pdf417PredictionThresholdMet: pdf417PredictionThresholdMet,
                 newBestBarcodeScore: newBestBarcodeScore,
-                newBestBarcodeDetails: newBestBarcodeDetails
+                newBestBarcodeDetails: newBestBarcodeDetails,
+                processedBarcodeBoundingBox: undefined
               }];
             }
             processedCroppedPrediction = processDocumentDetectorPrediction(documentCroppedPrediction, documentDetectionThresholds);
@@ -14751,7 +14753,9 @@
               pdf417PredictionScore: pdf417PredictionScore,
               pdf417PredictionThresholdMet: pdf417PredictionThresholdMet,
               newBestBarcodeScore: newBestBarcodeScore,
-              newBestBarcodeDetails: newBestBarcodeDetails
+              newBestBarcodeDetails: newBestBarcodeDetails,
+              // Return processed barcode bounding box for recapture tracking (valid even when not a new best)
+              processedBarcodeBoundingBox: (_b = processedCroppedPrediction === null || processedCroppedPrediction === void 0 ? void 0 : processedCroppedPrediction.bestPDF417) === null || _b === void 0 ? void 0 : _b.box
             }];
         }
       });
@@ -14842,6 +14846,9 @@
     getBestBarcode: function getBestBarcode() {
       return null;
     },
+    resetBestBarcode: function resetBestBarcode() {
+      return null;
+    },
     startBarcodeRecapturePhase: function startBarcodeRecapturePhase() {
       return null;
     },
@@ -14942,10 +14949,10 @@
       var _this = this;
       onDocumentDetected(function (prediction) {
         return __awaiter(_this, void 0, void 0, function () {
-          var stopDetectionAtStart, focusPredictionTime, focusScore, focusThresholdMet, pdf417PredictionTime, pdf417PredictionScore, pdf417PredictionThresholdMet, isSinglePage, isRequiredDocumentType, 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) {
+          var stopDetectionAtStart, focusPredictionTime, focusScore, focusThresholdMet, pdf417PredictionTime, pdf417PredictionScore, pdf417PredictionThresholdMet, isSinglePage, isRequiredDocumentType, isInRecapturePhase, shouldRunBarcodeAnalysisDuringRecapture, focusPrediction, focusThresholdSet, focusThreshold, barcodeAnalysisResult, barcodeAnalysisResult;
+          var _a, _b, _c, _d, _e, _f, _g;
+          return __generator(this, function (_h) {
+            switch (_h.label) {
               case 0:
                 if (!lastPredictionCanvas.current) return [2 /*return*/];
                 stopDetectionAtStart = stopDetection.current;
@@ -14960,7 +14967,7 @@
                 }
                 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'));
                 isInRecapturePhase = isRecapturePhase.current;
-                shouldRunBarcodeAnalysisDuringRecapture = isInRecapturePhase && isRequiredDocumentType && prediction.detectedDocumentType !== 'none' && prediction.detectionThresholdMet && prediction.documentIsStable && prediction.bestDocument && prediction.bestPDF417;
+                shouldRunBarcodeAnalysisDuringRecapture = isInRecapturePhase && isRequiredDocumentType && prediction.detectedDocumentType !== 'none' && prediction.detectionThresholdMet && 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) {
@@ -14984,7 +14991,7 @@
                 if (!(enableBarcodeReadabilityModel && prediction.bestDocument && prediction.bestPDF417 && croppedDocumentCanvas.current)) return [3 /*break*/, 2];
                 return [4 /*yield*/, analyzeBarcodeReadability(prediction, lastPredictionCanvas.current, croppedDocumentCanvas.current, bestBarcodeCanvas.current, bestBarcodeScore.current)];
               case 1:
-                barcodeAnalysisResult = _k.sent();
+                barcodeAnalysisResult = _h.sent();
                 pdf417PredictionTime = barcodeAnalysisResult.pdf417PredictionTime;
                 pdf417PredictionScore = barcodeAnalysisResult.pdf417PredictionScore;
                 pdf417PredictionThresholdMet = barcodeAnalysisResult.pdf417PredictionThresholdMet;
@@ -14996,19 +15003,23 @@
                 }
                 // During recapture phase, also track best barcode separately for recapture sequence
                 if (isRecapturePhase.current && recaptureBarcodeCanvas.current && pdf417PredictionScore > recaptureBarcodeScore.current) {
+                  log("[IdCaptureModelsProvider] Recapture tracking: new best score ".concat(pdf417PredictionScore, " (was ").concat(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);
-                    }
+                  // Create details directly from current prediction (not newBestBarcodeDetails which
+                  // is only set when score beats overall best, not just recapture best)
+                  recaptureBarcodeDetails.current = {
+                    boundingBox: prediction.bestPDF417.box,
+                    score: pdf417PredictionScore
+                  };
+                  // Crop barcode from croppedDocumentCanvas using the processed bounding box
+                  // (can't use bestBarcodeCanvas since it's only updated for overall best)
+                  if (croppedDocumentCanvas.current && barcodeAnalysisResult.processedBarcodeBoundingBox) {
+                    cropToDetectedObjectBox(croppedDocumentCanvas.current, barcodeAnalysisResult.processedBarcodeBoundingBox, recaptureBarcodeCanvas.current, 16);
+                  } else {
+                    log("[IdCaptureModelsProvider] Recapture tracking: could not crop barcode - croppedDocumentCanvas=".concat(!!croppedDocumentCanvas.current, ", processedBarcodeBoundingBox=").concat(!!barcodeAnalysisResult.processedBarcodeBoundingBox));
                   }
                 }
-                _k.label = 2;
+                _h.label = 2;
               case 2:
                 return [3 /*break*/, 5];
               case 3:
@@ -15016,7 +15027,7 @@
                 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();
+                barcodeAnalysisResult = _h.sent();
                 pdf417PredictionTime = barcodeAnalysisResult.pdf417PredictionTime;
                 pdf417PredictionScore = barcodeAnalysisResult.pdf417PredictionScore;
                 pdf417PredictionThresholdMet = barcodeAnalysisResult.pdf417PredictionThresholdMet;
@@ -15028,19 +15039,23 @@
                 }
                 // Track best barcode separately for recapture sequence
                 if (recaptureBarcodeCanvas.current && pdf417PredictionScore > recaptureBarcodeScore.current) {
+                  log("[IdCaptureModelsProvider] Recapture tracking (relaxed): new best score ".concat(pdf417PredictionScore, " (was ").concat(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);
-                    }
+                  // Create details directly from current prediction (not newBestBarcodeDetails which
+                  // is only set when score beats overall best, not just recapture best)
+                  recaptureBarcodeDetails.current = {
+                    boundingBox: prediction.bestPDF417.box,
+                    score: pdf417PredictionScore
+                  };
+                  // Crop barcode from croppedDocumentCanvas using the processed bounding box
+                  // (can't use bestBarcodeCanvas since it's only updated for overall best)
+                  if (croppedDocumentCanvas.current && barcodeAnalysisResult.processedBarcodeBoundingBox) {
+                    cropToDetectedObjectBox(croppedDocumentCanvas.current, barcodeAnalysisResult.processedBarcodeBoundingBox, recaptureBarcodeCanvas.current, 16);
+                  } else {
+                    log("[IdCaptureModelsProvider] Recapture tracking (relaxed): could not crop barcode - croppedDocumentCanvas=".concat(!!croppedDocumentCanvas.current, ", processedBarcodeBoundingBox=").concat(!!barcodeAnalysisResult.processedBarcodeBoundingBox));
                   }
                 }
-                _k.label = 5;
+                _h.label = 5;
               case 5:
                 /**
                  * @note
@@ -15048,7 +15063,7 @@
                  * Do not return early from this function unless
                  * lastPredictionCanvas.current is not set
                  */
-                (_j = onPredictionHandler.current) === null || _j === void 0 ? void 0 : _j.call(onPredictionHandler, _assign(_assign({}, prediction), {
+                (_g = onPredictionHandler.current) === null || _g === void 0 ? void 0 : _g.call(onPredictionHandler, _assign(_assign({}, prediction), {
                   focusScore: focusScore,
                   focusPredictionTime: focusPredictionTime,
                   focusThresholdMet: focusThresholdMet,
@@ -15081,7 +15096,29 @@
         canvas: bestBarcodeCanvas.current
       });
     }, []);
+    var resetBestBarcode = React.useCallback(function () {
+      // Light-weight reset that only clears barcode tracking without disrupting detection
+      bestBarcodeScore.current = 0;
+      bestBarcodeDetails.current = null;
+      // Also reset recapture tracking so early frames during move-closer window are ignored
+      recaptureBarcodeScore.current = 0;
+      recaptureBarcodeDetails.current = null;
+      // Clear the canvas content but don't recreate it
+      if (bestBarcodeCanvas.current) {
+        var ctx = bestBarcodeCanvas.current.getContext('2d');
+        if (ctx) {
+          ctx.clearRect(0, 0, bestBarcodeCanvas.current.width, bestBarcodeCanvas.current.height);
+        }
+      }
+      if (recaptureBarcodeCanvas.current) {
+        var ctx = recaptureBarcodeCanvas.current.getContext('2d');
+        if (ctx) {
+          ctx.clearRect(0, 0, recaptureBarcodeCanvas.current.width, recaptureBarcodeCanvas.current.height);
+        }
+      }
+    }, []);
     var startBarcodeRecapturePhase = React.useCallback(function () {
+      log("[IdCaptureModelsProvider] Starting barcode recapture phase. Initial best score: ".concat(bestBarcodeScore.current));
       // Snapshot current best barcode to initial capture canvas
       if (bestBarcodeCanvas.current && initialCaptureBarcodeCanvas.current) {
         var ctx = initialCaptureBarcodeCanvas.current.getContext('2d');
@@ -15198,13 +15235,14 @@
         bestFrameDetails: bestFrameDetails,
         bestBarcodeDetails: bestBarcodeDetails,
         getBestBarcode: getBestBarcode,
+        resetBestBarcode: resetBestBarcode,
         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, startBarcodeRecapturePhase, getInitialCaptureBestBarcode, getRecaptureBestBarcode, requiredDocumentType]);
+    }, [ready, modelDownloadProgress, modelLoadState, modelWarmingStartedAt, modelError, startDocumentDetection, stopDocumentDetection, load, thresholds, setThresholds, documentDetectionBoundaries, setDocumentDetectionBoundaries, onPredictionMade, detectionTime, focusPredictionTime, barcodeReadabilityPredictionTime, getBestFrame, resetBestFrame, getBestBarcode, resetBestBarcode, startBarcodeRecapturePhase, getInitialCaptureBestBarcode, getRecaptureBestBarcode, requiredDocumentType]);
     return /*#__PURE__*/React.createElement(IdCaptureModelsContext.Provider, {
       value: value
     }, /*#__PURE__*/React.createElement(InvisibleCanvasContainer, null, /*#__PURE__*/React.createElement(InvisibleCanvas, {
@@ -16152,7 +16190,11 @@
     var $flipX = _a.$flipX;
     return $flipX ? 'transform: scaleX(-1);' : '';
   });
-  var FaceDetectionKeypointMarker = styled.div(templateObject_4$p || (templateObject_4$p = __makeTemplateObject(["\n  position: absolute;\n  width: 4px;\n  height: 4px;\n  border: 2px solid ", ";\n  font: 10px monospace;\n  color: ", ";\n  border-radius: 50%;\n  ", "\n  transform-style: preserve-3d;\n"], ["\n  position: absolute;\n  width: 4px;\n  height: 4px;\n  border: 2px solid ", ";\n  font: 10px monospace;\n  color: ", ";\n  border-radius: 50%;\n  ", "\n  transform-style: preserve-3d;\n"])), function (_a) {
+  var ObjectDetectionDebugLabel = styled.span(templateObject_4$p || (templateObject_4$p = __makeTemplateObject(["\n  position: absolute;\n  top: -1px;\n  left: -1px;\n  background: ", ";\n  color: black;\n  font: bold 9px monospace;\n  padding: 1px 3px;\n  white-space: nowrap;\n  transform: translateY(-100%);\n"], ["\n  position: absolute;\n  top: -1px;\n  left: -1px;\n  background: ", ";\n  color: black;\n  font: bold 9px monospace;\n  padding: 1px 3px;\n  white-space: nowrap;\n  transform: translateY(-100%);\n"])), function (_a) {
+    var $color = _a.$color;
+    return $color !== null && $color !== void 0 ? $color : 'green';
+  });
+  var FaceDetectionKeypointMarker = styled.div(templateObject_5$i || (templateObject_5$i = __makeTemplateObject(["\n  position: absolute;\n  width: 4px;\n  height: 4px;\n  border: 2px solid ", ";\n  font: 10px monospace;\n  color: ", ";\n  border-radius: 50%;\n  ", "\n  transform-style: preserve-3d;\n"], ["\n  position: absolute;\n  width: 4px;\n  height: 4px;\n  border: 2px solid ", ";\n  font: 10px monospace;\n  color: ", ";\n  border-radius: 50%;\n  ", "\n  transform-style: preserve-3d;\n"])), function (_a) {
     var $color = _a.$color;
     return $color !== null && $color !== void 0 ? $color : 'red';
   }, function (_a) {
@@ -16264,7 +16306,9 @@
         width: width,
         height: height
       }
-    });
+    }, /*#__PURE__*/React.createElement(ObjectDetectionDebugLabel, {
+      "$color": color
+    }, obj.label, " ", obj.score.toFixed(2)));
   }
   function SelfieCaptureFaceDebugBox(_a) {
     var face = _a.face,
@@ -16350,7 +16394,7 @@
       }
     });
   }
-  var templateObject_1$M, templateObject_2$H, templateObject_3$v, templateObject_4$p;
+  var templateObject_1$M, templateObject_2$H, templateObject_3$v, templateObject_4$p, templateObject_5$i;
 
   function OverrideWrongDocumentTypeGuidanceDialog(_a) {
     var _b = _a.classNames,
@@ -20813,6 +20857,7 @@
       setRequiredDocumentType = _18.setRequiredDocumentType,
       modelError = _18.modelError,
       resetBestFrame = _18.resetBestFrame,
+      resetBestBarcode = _18.resetBestBarcode,
       documentDetectionBoundaries = _18.documentDetectionBoundaries,
       setDocumentDetectionBoundaries = _18.setDocumentDetectionBoundaries,
       getBestBarcode = _18.getBestBarcode,
@@ -21086,44 +21131,63 @@
           initialCaptureBarcodeImage: initialBarcodeImage
         }
       });
-    }, [state.captureState, (_d = state.capturedDocuments.idBarcodeImage) === null || _d === void 0 ? void 0 : _d.imageData, state.initialBarcodeScore, state.initialCaptureBarcodeImage]);
+      // Start recapture phase immediately so barcode analysis runs with relaxed conditions
+      // (don't require document in bounds since user is zooming in)
+      startBarcodeRecapturePhase();
+    }, [startBarcodeRecapturePhase, state.captureState, (_d = state.capturedDocuments.idBarcodeImage) === null || _d === void 0 ? void 0 : _d.imageData, state.initialBarcodeScore, state.initialCaptureBarcodeImage]);
+    // Reset best barcode after 1 second delay to ignore early frames before user has time to move closer
+    React.useEffect(function () {
+      if (state.captureState !== 'requestingBetterBarcode') return;
+      var t = setTimeout(function () {
+        log('[IdCaptureWizard] Resetting best barcode after 1s delay in move-closer window');
+        resetBestBarcode();
+      }, 1000);
+      return function () {
+        return clearTimeout(t);
+      };
+    }, [resetBestBarcode, state.captureState]);
     // 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
+        var _a, _b;
+        // Move-closer window expired before growth requirement was met
         if (recapturePhaseStartedRef.current) return;
-        var bestBarcode = getBestBarcode();
-        var improved = !!bestBarcode && bestBarcode.score > state.initialBarcodeScore;
+        // Use recapture tracking since we start tracking with relaxed conditions immediately
+        var recaptureBarcode = getRecaptureBestBarcode();
+        var recaptureScore = (_a = recaptureBarcode === null || recaptureBarcode === void 0 ? void 0 : recaptureBarcode.score) !== null && _a !== void 0 ? _a : null;
+        var improved = !!recaptureBarcode && recaptureBarcode.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)
-            }
-          });
+          log("[IdCaptureWizard] Barcode recapture move-closer window timed out. Found better barcode anyway: ".concat(recaptureBarcode.score.toFixed(3), " (was ").concat(state.initialBarcodeScore.toFixed(3), ")"));
           dispatchIdCaptureAction({
             type: 'barcodeCaptured',
             payload: {
-              imageUrl: bestBarcode.canvas.toDataURL('image/jpeg', 0.95),
-              barcodeReadabilityScore: bestBarcode.score
+              imageUrl: recaptureBarcode.canvas.toDataURL('image/jpeg', 0.95),
+              barcodeReadabilityScore: recaptureBarcode.score
             }
           });
         } else {
-          log("[IdCaptureWizard] Barcode recapture move-closer window timed out. No better barcode found. Initial score: ".concat(state.initialBarcodeScore.toFixed(3)));
+          log("[IdCaptureWizard] Barcode recapture move-closer window timed out. No better barcode found. Best score during window: ".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)));
         }
-        // Record that recapture was attempted (for diagnostics)
+        // Record recapture attempt data for diagnostics - always store the best score
+        // from the move-closer window so debug info shows what was actually captured
         dispatchIdCaptureAction({
           type: 'barcodeRecaptureScoreUpdated',
           payload: {
-            recaptureBarcodeScore: improved ? bestBarcode.score : state.initialBarcodeScore
+            recaptureBarcodeScore: recaptureScore
           }
         });
+        // Persist the barcode image from move-closer window for debug visual comparison
+        if (recaptureBarcode) {
+          dispatchIdCaptureAction({
+            type: 'recaptureBarcodeImageCaptured',
+            payload: {
+              recaptureBarcodeImage: recaptureBarcode.canvas.toDataURL('image/jpeg', 0.95)
+            }
+          });
+        }
         dispatchIdCaptureAction({
           type: 'barcodeRecaptureCompleted'
         });
@@ -21131,7 +21195,7 @@
       return function () {
         return clearTimeout(t);
       };
-    }, [barcodeRecaptureMoveCloserTimeoutMs, getBestBarcode, start, state.captureState, state.initialBarcodeScore]);
+    }, [barcodeRecaptureMoveCloserTimeoutMs, getRecaptureBestBarcode, start, state.captureState, state.initialBarcodeScore]);
     React.useEffect(function () {
       if (state.captureState !== 'requestingBetterBarcode') return;
       if (!barcodeRecaptureGrowthSatisfied) return;
@@ -21142,11 +21206,14 @@
         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;
+        log("[IdCaptureWizard] Recapture timeout debug: recaptureBarcode=".concat(!!recaptureBarcode, ", recaptureScore=").concat(recaptureScore, ", bestBarcode=").concat(!!bestBarcode, ", bestBarcodeScore=").concat(bestBarcode === null || bestBarcode === void 0 ? void 0 : bestBarcode.score, ", initialScore=").concat(state.initialBarcodeScore, ", improved=").concat(improved));
         // Store the recapture score for diagnostic purposes
+        // Always use actual recapture score (even if worse than initial) so debug info
+        // shows what was actually captured during each sequence
         dispatchIdCaptureAction({
           type: 'barcodeRecaptureScoreUpdated',
           payload: {
-            recaptureBarcodeScore: improved ? bestBarcode.score : recaptureScore !== null && recaptureScore !== void 0 ? recaptureScore : state.initialBarcodeScore
+            recaptureBarcodeScore: recaptureScore
           }
         });
         // Store the recapture barcode image if we found one