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

package/dist/sdk2.esm.js

@@ -495,7 +495,7 @@ var OverlayInner$2 = styled.div(templateObject_2$K || (templateObject_2$K = __ma
 });
 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) {
@@ -535,7 +535,7 @@ var LoadingOverlayLoadingListItem = styled.li(templateObject_19$2 || (templateOb
 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;
 
 var GeolocationAccessDeniedOverlay = function GeolocationAccessDeniedOverlay(_a) {
   var accessBlockedImageUrl = _a.accessBlockedImageUrl;
@@ -5930,9 +5930,9 @@ var onMobile = isMobile();
 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;
@@ -5943,7 +5943,8 @@ function analyzeBarcodeReadability(prediction, lastPredictionCanvas, croppedDocu
               pdf417PredictionScore: pdf417PredictionScore,
               pdf417PredictionThresholdMet: pdf417PredictionThresholdMet,
               newBestBarcodeScore: newBestBarcodeScore,
-              newBestBarcodeDetails: newBestBarcodeDetails
+              newBestBarcodeDetails: newBestBarcodeDetails,
+              processedBarcodeBoundingBox: undefined
             }];
           }
           /**
@@ -5953,7 +5954,7 @@ function analyzeBarcodeReadability(prediction, lastPredictionCanvas, croppedDocu
           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*/, {
@@ -5961,7 +5962,8 @@ function analyzeBarcodeReadability(prediction, lastPredictionCanvas, croppedDocu
               pdf417PredictionScore: pdf417PredictionScore,
               pdf417PredictionThresholdMet: pdf417PredictionThresholdMet,
               newBestBarcodeScore: newBestBarcodeScore,
-              newBestBarcodeDetails: newBestBarcodeDetails
+              newBestBarcodeDetails: newBestBarcodeDetails,
+              processedBarcodeBoundingBox: undefined
             }];
           }
           processedCroppedPrediction = processDocumentDetectorPrediction(documentCroppedPrediction, documentDetectionThresholds);
@@ -5991,7 +5993,9 @@ function analyzeBarcodeReadability(prediction, lastPredictionCanvas, croppedDocu
             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
           }];
       }
     });
@@ -6082,6 +6086,9 @@ var IdCaptureModelsContext = /*#__PURE__*/createContext({
   getBestBarcode: function getBestBarcode() {
     return null;
   },
+  resetBestBarcode: function resetBestBarcode() {
+    return null;
+  },
   startBarcodeRecapturePhase: function startBarcodeRecapturePhase() {
     return null;
   },
@@ -6182,10 +6189,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, 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;
@@ -6200,7 +6207,7 @@ function IdCaptureModelsProviderInner(_a) {
               }
               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) {
@@ -6224,7 +6231,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 = _k.sent();
+              barcodeAnalysisResult = _h.sent();
               pdf417PredictionTime = barcodeAnalysisResult.pdf417PredictionTime;
               pdf417PredictionScore = barcodeAnalysisResult.pdf417PredictionScore;
               pdf417PredictionThresholdMet = barcodeAnalysisResult.pdf417PredictionThresholdMet;
@@ -6236,19 +6243,23 @@ function IdCaptureModelsProviderInner(_a) {
               }
               // 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:
@@ -6256,7 +6267,7 @@ function IdCaptureModelsProviderInner(_a) {
               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;
@@ -6268,19 +6279,23 @@ function IdCaptureModelsProviderInner(_a) {
               }
               // 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
@@ -6288,7 +6303,7 @@ function IdCaptureModelsProviderInner(_a) {
                * 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,
@@ -6321,7 +6336,29 @@ function IdCaptureModelsProviderInner(_a) {
       canvas: bestBarcodeCanvas.current
     });
   }, []);
+  var resetBestBarcode = 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 = 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');
@@ -6438,13 +6475,14 @@ function IdCaptureModelsProviderInner(_a) {
       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__default.createElement(IdCaptureModelsContext.Provider, {
     value: value
   }, /*#__PURE__*/React__default.createElement(InvisibleCanvasContainer, null, /*#__PURE__*/React__default.createElement(InvisibleCanvas, {
@@ -7029,7 +7067,11 @@ var ObjectDetectionDebugBox = styled.div(templateObject_3$v || (templateObject_3
   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) {
@@ -7141,7 +7183,9 @@ function IdCaptureDetectedObjectDebugBox(_a) {
       width: width,
       height: height
     }
-  });
+  }, /*#__PURE__*/React__default.createElement(ObjectDetectionDebugLabel, {
+    "$color": color
+  }, obj.label, " ", obj.score.toFixed(2)));
 }
 function SelfieCaptureFaceDebugBox(_a) {
   var face = _a.face,
@@ -7227,7 +7271,7 @@ function SelfieCaptureFaceKeypoint(_a) {
     }
   });
 }
-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,
@@ -11675,6 +11719,7 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
     setRequiredDocumentType = _18.setRequiredDocumentType,
     modelError = _18.modelError,
     resetBestFrame = _18.resetBestFrame,
+    resetBestBarcode = _18.resetBestBarcode,
     documentDetectionBoundaries = _18.documentDetectionBoundaries,
     setDocumentDetectionBoundaries = _18.setDocumentDetectionBoundaries,
     getBestBarcode = _18.getBestBarcode,
@@ -11948,44 +11993,63 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
         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
+  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
   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'
       });
@@ -11993,7 +12057,7 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
     return function () {
       return clearTimeout(t);
     };
-  }, [barcodeRecaptureMoveCloserTimeoutMs, getBestBarcode, start, state.captureState, state.initialBarcodeScore]);
+  }, [barcodeRecaptureMoveCloserTimeoutMs, getRecaptureBestBarcode, start, state.captureState, state.initialBarcodeScore]);
   useEffect(function () {
     if (state.captureState !== 'requestingBetterBarcode') return;
     if (!barcodeRecaptureGrowthSatisfied) return;
@@ -12004,11 +12068,14 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
       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