@mleonard9/vin-scanner 1.3.0 → 1.4.0

package/src/useVinScanner.ts

@@ -1,4 +1,4 @@
-import { useMemo, useRef } from 'react';
+import { useMemo, useRef, useState, useCallback } from 'react';
 import { useFrameProcessor } from 'react-native-vision-camera';
 import { useRunOnJS } from 'react-native-worklets-core';
 import type { Frame } from 'react-native-vision-camera';
@@ -10,6 +10,10 @@ import {
   pickFirstCandidate,
   resolveOptions,
 } from './vinUtils';
+import {
+  triggerSuccessHaptic,
+  triggerSoftHaptic,
+} from './haptics';
 
 export function useVinScanner(options?: VinScannerOptions) {
   const resolvedOptions = useMemo(() => resolveOptions(options), [options]);
@@ -17,6 +21,14 @@ export function useVinScanner(options?: VinScannerOptions) {
   const frameCounterRef = useRef(0);
   const lastEmittedVin = useRef<string | null>(null);
   const lastEmitTimestamp = useRef(0);
+  const [pendingTextCandidates, setPendingTextCandidates] = useState<VinCandidate[]>([]);
+  const pendingTextTimestampRef = useRef<number | null>(null);
+  const pendingTextRef = useRef<VinCandidate[]>([]);
+  const pendingTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+  const hapticsEnabled = options?.haptics ?? true;
+  const sessionSeen = useRef<Set<string>>(new Set());
+  const noBarcodeFrameCount = useRef(0);
+  const useBarcodeFallback = useRef(false);
 
   const barcodeScanner = useMemo(() => {
     if (!resolvedOptions.barcode.enabled) {
@@ -44,6 +56,32 @@ export function useVinScanner(options?: VinScannerOptions) {
     [options?.onResult]
   );
 
+  const emitTextPending = useRunOnJS(
+    (pending: VinCandidate[], ts: number) => {
+      pendingTextTimestampRef.current = ts;
+      pendingTextRef.current = pending;
+      setPendingTextCandidates(pending);
+      if (pendingTimerRef.current) {
+        clearTimeout(pendingTimerRef.current);
+      }
+      const ttl = resolvedOptions.text.pendingTtlMs;
+      if (ttl > 0) {
+        pendingTimerRef.current = setTimeout(() => {
+          pendingTextTimestampRef.current = null;
+          pendingTextRef.current = [];
+          setPendingTextCandidates([]);
+        }, ttl);
+      }
+      if (typeof options?.onTextPending === 'function') {
+        options.onTextPending(pending);
+      }
+      if (hapticsEnabled) {
+        triggerSoftHaptic();
+      }
+    },
+    [options?.onTextPending, resolvedOptions.text.pendingTtlMs, hapticsEnabled]
+  );
+
   const frameProcessor = useFrameProcessor(
     (frame: Frame) => {
       'worklet';
@@ -65,6 +103,52 @@ export function useVinScanner(options?: VinScannerOptions) {
         resolvedOptions.detection.forceOrientation ?? null;
       const regionOverride = resolvedOptions.detection.scanRegion ?? null;
 
+      // Frame quality gate (luma + sharpness)
+      const minLuma = resolvedOptions.detection.minLuma;
+      const minSharpness = resolvedOptions.detection.minSharpness;
+      if (minLuma > 0 || minSharpness > 0) {
+        const planes = (frame as any)?.planes;
+        if (planes?.length > 0) {
+          const yPlane = planes[0];
+          const bytes: Uint8Array | undefined = yPlane?.bytes;
+          const width: number | undefined = yPlane?.width;
+          const height: number | undefined = yPlane?.height;
+          const stride: number | undefined = yPlane?.bytesPerRow;
+          if (bytes && width && height && stride) {
+            let lumaSum = 0;
+            const sampleStep = 8;
+            const sampleCount = Math.floor(bytes.length / sampleStep);
+            for (let i = 0; i < bytes.length; i += sampleStep) {
+              lumaSum += bytes[i]!;
+            }
+            const meanLuma = lumaSum / Math.max(1, sampleCount);
+            if (minLuma > 0 && meanLuma < minLuma) {
+              return;
+            }
+
+            if (minSharpness > 0) {
+              const step = Math.max(2, Math.floor(width / 96));
+              let sharpAccum = 0;
+              let sharpCount = 0;
+              for (let y = step; y < height - step; y += step) {
+                const row = y * stride;
+                for (let x = step; x < width - step; x += step) {
+                  const idx = row + x;
+                  const gx = bytes[idx + 1]! - bytes[idx - 1]!;
+                  const gy = bytes[idx + stride]! - bytes[idx - stride]!;
+                  sharpAccum += Math.abs(gx) + Math.abs(gy);
+                  sharpCount += 1;
+                }
+              }
+              const sharpness = sharpAccum / Math.max(1, sharpCount);
+              if (sharpness < minSharpness) {
+                return;
+              }
+            }
+          }
+        }
+      }
+
       const barcodeArgs = orientationOverride || regionOverride
         ? {
           ...(orientationOverride && { orientation: orientationOverride }),
@@ -76,7 +160,12 @@ export function useVinScanner(options?: VinScannerOptions) {
       const t0 = Date.now();
 
       const barcodes = barcodeScanner
-        ? barcodeScanner.scanBarcodes(frame, barcodeArgs)
+        ? barcodeScanner.scanBarcodes(
+          frame,
+          useBarcodeFallback.current
+            ? { all: true }
+            : barcodeArgs
+        ) ?? []
         : [];
 
       const t1 = Date.now();
@@ -96,11 +185,21 @@ export function useVinScanner(options?: VinScannerOptions) {
         textScanner &&
         (textScanInterval <= 1 || frameIndex % textScanInterval === 0);
 
-      const textBlocks =
+      let textBlocks =
         shouldRunText && textScanner
-          ? textScanner.scanText(frame, textArgs)
+          ? textScanner.scanText(frame, textArgs) ?? []
           : [];
 
+      // Two-pass OCR: if we skipped this frame or got nothing and barcodes are empty, run one immediate OCR pass.
+      if (
+        textScanner &&
+        textBlocks.length === 0 &&
+        barcodes.length === 0 &&
+        !shouldRunText
+      ) {
+        textBlocks = textScanner.scanText(frame, textArgs) ?? [];
+      }
+
       const t2 = Date.now();
 
       const payload = {
@@ -110,6 +209,20 @@ export function useVinScanner(options?: VinScannerOptions) {
       };
 
       const candidates = buildVinCandidates(payload, resolvedOptions);
+      const filtered = candidates.filter((c) => c.confidence >= resolvedOptions.detection.minConfidence);
+      const barcodeCandidates = filtered.filter((c) => c.source === 'barcode');
+      const textCandidates = filtered.filter((c) => c.source === 'text');
+
+      // Adaptive barcode fallback: if no barcode hits for N frames, scan all formats.
+      if (barcodeCandidates.length === 0) {
+        noBarcodeFrameCount.current += 1;
+        if (noBarcodeFrameCount.current >= resolvedOptions.detection.barcodeFallbackAfter) {
+          useBarcodeFallback.current = true;
+        }
+      } else {
+        noBarcodeFrameCount.current = 0;
+        useBarcodeFallback.current = false;
+      }
       const firstCandidate = pickFirstCandidate(candidates, resolvedOptions);
 
       const t3 = Date.now();
@@ -133,22 +246,89 @@ export function useVinScanner(options?: VinScannerOptions) {
         },
       };
 
-      // Smart duplicate filtering with time-based debouncing
+      // If a barcode is present, emit immediately (highest confidence path)
+      if (barcodeCandidates.length > 0) {
+        const barcodeFirst = pickFirstCandidate(barcodeCandidates, resolvedOptions);
+        if (barcodeFirst) {
+          const debounceMs = resolvedOptions.duplicateDebounceMs ?? 1500;
+          const isDuplicate =
+            barcodeFirst.value === lastEmittedVin.current &&
+            now - lastEmitTimestamp.current < debounceMs;
+
+          if (!isDuplicate) {
+            lastEmittedVin.current = barcodeFirst.value;
+            lastEmitTimestamp.current = now;
+            sessionSeen.current.add(barcodeFirst.value);
+            emitResult(barcodeCandidates, {
+              ...event,
+              candidates: barcodeCandidates,
+              firstCandidate: barcodeFirst,
+            });
+            if (hapticsEnabled) {
+              triggerSuccessHaptic();
+            }
+          }
+        }
+        return;
+      }
+
+      // For text-only detections, optionally require user confirmation
+      if (resolvedOptions.text.requireConfirmation && textCandidates.length > 0) {
+        emitTextPending(textCandidates, payload.timestamp);
+        return;
+      }
+
+      // Default behavior: emit first candidate (text)
       if (firstCandidate) {
         const debounceMs = resolvedOptions.duplicateDebounceMs ?? 1500;
         const isDuplicate =
           firstCandidate.value === lastEmittedVin.current &&
           now - lastEmitTimestamp.current < debounceMs;
+        const seen = sessionSeen.current.has(firstCandidate.value);
 
-        if (!isDuplicate) {
+        if (!isDuplicate && !seen) {
           lastEmittedVin.current = firstCandidate.value;
           lastEmitTimestamp.current = now;
+          sessionSeen.current.add(firstCandidate.value);
           emitResult(candidates, event);
         }
       }
     },
-    [barcodeScanner, textScanner, emitResult, resolvedOptions]
+    [barcodeScanner, textScanner, emitResult, emitTextPending, resolvedOptions]
+  );
+
+  const confirmTextCandidate = useCallback(
+    (vinValue?: string) => {
+      const pending = pendingTextRef.current;
+      if (!pending.length) return;
+      const selected =
+        (vinValue && pending.find((c) => c.value === vinValue)) || pending[0];
+
+      const ts = pendingTextTimestampRef.current ?? Date.now();
+
+      // Clear pending state
+      if (pendingTimerRef.current) {
+        clearTimeout(pendingTimerRef.current);
+        pendingTimerRef.current = null;
+      }
+      pendingTextTimestampRef.current = null;
+      pendingTextRef.current = [];
+      setPendingTextCandidates([]);
+
+      const event: VinScannerEvent = {
+        timestamp: ts,
+        duration: 0,
+        candidates: pending,
+        firstCandidate: selected,
+        raw: { barcodes: [], textBlocks: [] },
+      };
+
+      emitResult(pending, event);
+      lastEmittedVin.current = selected?.value ?? null;
+      lastEmitTimestamp.current = Date.now();
+    },
+    [emitResult]
   );
 
-  return { frameProcessor };
+  return { frameProcessor, pendingTextCandidates, confirmTextCandidate };
 }

package/src/vinUtils.ts

@@ -40,13 +40,18 @@ export type ResolvedVinScannerOptions = {
     enabled: boolean;
     language: TextRecognitionLanguage;
     validationPattern?: string;
+    requireConfirmation: boolean;
+    pendingTtlMs: number;
   };
-  detection: Required<DetectionOptions> & {
+  detection: Omit<Required<DetectionOptions>, 'enableFrameQualityCheck'> & {
     textScanInterval: number;
     maxFrameRate: number;
     forceOrientation: FrameOrientation | null;
     scanRegion: ScanRegion | null;
-    enableFrameQualityCheck: boolean;
+    minLuma: number;
+    minSharpness: number;
+    minConfidence: number;
+    barcodeFallbackAfter: number;
   };
   showOverlay: boolean;
   overlayColors: OverlayColors;
@@ -56,18 +61,23 @@ export type ResolvedVinScannerOptions = {
 const DEFAULT_RESOLVED_OPTIONS: ResolvedVinScannerOptions = {
   barcode: {
     enabled: true,
-    formats: ['all'],
+    formats: ['code-39', 'code-128', 'pdf-417'],
   },
   text: {
     enabled: true,
     language: 'latin',
+    requireConfirmation: false,
+    pendingTtlMs: 5000,
   },
   detection: {
     textScanInterval: 3,
     maxFrameRate: 30,
     forceOrientation: null,
     scanRegion: { x: 0.15, y: 0.15, width: 0.7, height: 0.7 },
-    enableFrameQualityCheck: true,
+    minLuma: 30,
+    minSharpness: 12,
+    minConfidence: 0.6,
+    barcodeFallbackAfter: 45,
   },
   showOverlay: false,
   overlayColors: {
@@ -101,6 +111,11 @@ export const resolveOptions = (
       enabled: options?.text?.enabled ?? DEFAULT_RESOLVED_OPTIONS.text.enabled,
       language:
         options?.text?.language ?? DEFAULT_RESOLVED_OPTIONS.text.language,
+      requireConfirmation:
+        options?.text?.requireConfirmation ??
+        DEFAULT_RESOLVED_OPTIONS.text.requireConfirmation,
+      pendingTtlMs:
+        options?.text?.pendingTtlMs ?? DEFAULT_RESOLVED_OPTIONS.text.pendingTtlMs,
     },
     detection: {
       textScanInterval,
@@ -111,8 +126,14 @@ export const resolveOptions = (
         options?.detection?.forceOrientation ??
         DEFAULT_RESOLVED_OPTIONS.detection.forceOrientation,
       scanRegion: options?.detection?.scanRegion ?? DEFAULT_RESOLVED_OPTIONS.detection.scanRegion,
-      enableFrameQualityCheck:
-        options?.detection?.enableFrameQualityCheck ?? true,
+      minLuma:
+        options?.detection?.minLuma ?? DEFAULT_RESOLVED_OPTIONS.detection.minLuma,
+      minSharpness:
+        options?.detection?.minSharpness ?? DEFAULT_RESOLVED_OPTIONS.detection.minSharpness,
+      minConfidence:
+        options?.detection?.minConfidence ?? DEFAULT_RESOLVED_OPTIONS.detection.minConfidence,
+      barcodeFallbackAfter:
+        options?.detection?.barcodeFallbackAfter ?? DEFAULT_RESOLVED_OPTIONS.detection.barcodeFallbackAfter,
     },
     showOverlay: options?.showOverlay ?? false,
     overlayColors: {
@@ -431,17 +452,13 @@ const isValidWmi = (value: string): boolean => {
     return false;
   }
   const firstChar = value[0];
-  // North America: 1, 2 (Canada), 3, 4, 5 (United States)
-  // Japan : 'J' Germany : 'W'
-  return (
-    firstChar === '1' ||
-    firstChar === '2' ||
-    firstChar === '3' ||
-    firstChar === '4' ||
-    firstChar === '5' ||
-    firstChar === 'J' ||
-    firstChar === 'W'
-  );
+  if (!firstChar) {
+    return false;
+  }
+
+  // Allow any WMI that starts with a VIN-valid character (A–Z minus I/O/Q, or 1–9).
+  // This keeps validation global while still rejecting impossible leading chars.
+  return /^[A-HJ-NPR-Z1-9]$/.test(firstChar);
 };
 
 /**

package/lib/commonjs/VinScannerOverlay.js

@@ -1,60 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.VinScannerOverlay = VinScannerOverlay;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _reactNativeSkia = require("@shopify/react-native-skia");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const DEFAULT_COLORS = {
-  high: '#00FF00',
-  medium: '#FFFF00',
-  low: '#FF0000'
-};
-
-/**
- * AR overlay component that renders bounding boxes around detected VINs.
- * Color-coded by confidence score: green (>0.8), yellow (0.5-0.8), red (<0.5).
- *
- * Requires @shopify/react-native-skia peer dependency.
- */
-function VinScannerOverlay({
-  candidates,
-  colors
-}) {
-  const resolvedColors = {
-    ...DEFAULT_COLORS,
-    ...colors
-  };
-  const getColor = confidence => {
-    if (confidence > 0.8) return resolvedColors.high;
-    if (confidence >= 0.5) return resolvedColors.medium;
-    return resolvedColors.low;
-  };
-  return /*#__PURE__*/_react.default.createElement(_reactNativeSkia.Canvas, {
-    style: _reactNative.StyleSheet.absoluteFill,
-    pointerEvents: "none"
-  }, candidates.map((candidate, index) => {
-    if (!candidate.boundingBox) return null;
-    const {
-      left,
-      top,
-      width,
-      height
-    } = candidate.boundingBox;
-    const color = getColor(candidate.confidence);
-    return /*#__PURE__*/_react.default.createElement(_reactNativeSkia.Rect, {
-      key: `${candidate.value}-${index}`,
-      x: left,
-      y: top,
-      width: width || 0,
-      height: height || 0,
-      color: color,
-      style: "stroke",
-      strokeWidth: 3
-    });
-  }));
-}
-//# sourceMappingURL=VinScannerOverlay.js.map

package/lib/commonjs/VinScannerOverlay.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSkia","e","__esModule","default","DEFAULT_COLORS","high","medium","low","VinScannerOverlay","candidates","colors","resolvedColors","getColor","confidence","createElement","Canvas","style","StyleSheet","absoluteFill","pointerEvents","map","candidate","index","boundingBox","left","top","width","height","color","Rect","key","value","x","y","strokeWidth"],"sourceRoot":"../../src","sources":["VinScannerOverlay.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AAA0D,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQ1D,MAAMG,cAA6B,GAAG;EAClCC,IAAI,EAAE,SAAS;EACfC,MAAM,EAAE,SAAS;EACjBC,GAAG,EAAE;AACT,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,iBAAiBA,CAAC;EAAEC,UAAU;EAAEC;AAA+B,CAAC,EAAE;EAC9E,MAAMC,cAAc,GAAG;IAAE,GAAGP,cAAc;IAAE,GAAGM;EAAO,CAAC;EAEvD,MAAME,QAAQ,GAAIC,UAAkB,IAAa;IAC7C,IAAIA,UAAU,GAAG,GAAG,EAAE,OAAOF,cAAc,CAACN,IAAI;IAChD,IAAIQ,UAAU,IAAI,GAAG,EAAE,OAAOF,cAAc,CAACL,MAAM;IACnD,OAAOK,cAAc,CAACJ,GAAG;EAC7B,CAAC;EAED,oBACIX,MAAA,CAAAO,OAAA,CAAAW,aAAA,CAACd,gBAAA,CAAAe,MAAM;IAACC,KAAK,EAAEC,uBAAU,CAACC,YAAa;IAACC,aAAa,EAAC;EAAM,GACvDV,UAAU,CAACW,GAAG,CAAC,CAACC,SAAS,EAAEC,KAAK,KAAK;IAClC,IAAI,CAACD,SAAS,CAACE,WAAW,EAAE,OAAO,IAAI;IAEvC,MAAM;MAAEC,IAAI;MAAEC,GAAG;MAAEC,KAAK;MAAEC;IAAO,CAAC,GAAGN,SAAS,CAACE,WAAW;IAC1D,MAAMK,KAAK,GAAGhB,QAAQ,CAACS,SAAS,CAACR,UAAU,CAAC;IAE5C,oBACIjB,MAAA,CAAAO,OAAA,CAAAW,aAAA,CAACd,gBAAA,CAAA6B,IAAI;MACDC,GAAG,EAAE,GAAGT,SAAS,CAACU,KAAK,IAAIT,KAAK,EAAG;MACnCU,CAAC,EAAER,IAAK;MACRS,CAAC,EAAER,GAAI;MACPC,KAAK,EAAEA,KAAK,IAAI,CAAE;MAClBC,MAAM,EAAEA,MAAM,IAAI,CAAE;MACpBC,KAAK,EAAEA,KAAM;MACbZ,KAAK,EAAC,QAAQ;MACdkB,WAAW,EAAE;IAAE,CAClB,CAAC;EAEV,CAAC,CACG,CAAC;AAEjB","ignoreList":[]}

package/lib/module/VinScannerOverlay.js

@@ -1,53 +0,0 @@
-import React from 'react';
-import { StyleSheet } from 'react-native';
-import { Canvas, Rect } from '@shopify/react-native-skia';
-const DEFAULT_COLORS = {
-  high: '#00FF00',
-  medium: '#FFFF00',
-  low: '#FF0000'
-};
-
-/**
- * AR overlay component that renders bounding boxes around detected VINs.
- * Color-coded by confidence score: green (>0.8), yellow (0.5-0.8), red (<0.5).
- *
- * Requires @shopify/react-native-skia peer dependency.
- */
-export function VinScannerOverlay({
-  candidates,
-  colors
-}) {
-  const resolvedColors = {
-    ...DEFAULT_COLORS,
-    ...colors
-  };
-  const getColor = confidence => {
-    if (confidence > 0.8) return resolvedColors.high;
-    if (confidence >= 0.5) return resolvedColors.medium;
-    return resolvedColors.low;
-  };
-  return /*#__PURE__*/React.createElement(Canvas, {
-    style: StyleSheet.absoluteFill,
-    pointerEvents: "none"
-  }, candidates.map((candidate, index) => {
-    if (!candidate.boundingBox) return null;
-    const {
-      left,
-      top,
-      width,
-      height
-    } = candidate.boundingBox;
-    const color = getColor(candidate.confidence);
-    return /*#__PURE__*/React.createElement(Rect, {
-      key: `${candidate.value}-${index}`,
-      x: left,
-      y: top,
-      width: width || 0,
-      height: height || 0,
-      color: color,
-      style: "stroke",
-      strokeWidth: 3
-    });
-  }));
-}
-//# sourceMappingURL=VinScannerOverlay.js.map

package/lib/module/VinScannerOverlay.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","StyleSheet","Canvas","Rect","DEFAULT_COLORS","high","medium","low","VinScannerOverlay","candidates","colors","resolvedColors","getColor","confidence","createElement","style","absoluteFill","pointerEvents","map","candidate","index","boundingBox","left","top","width","height","color","key","value","x","y","strokeWidth"],"sourceRoot":"../../src","sources":["VinScannerOverlay.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,MAAM,EAAEC,IAAI,QAAQ,4BAA4B;AAQzD,MAAMC,cAA6B,GAAG;EAClCC,IAAI,EAAE,SAAS;EACfC,MAAM,EAAE,SAAS;EACjBC,GAAG,EAAE;AACT,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAAC;EAAEC,UAAU;EAAEC;AAA+B,CAAC,EAAE;EAC9E,MAAMC,cAAc,GAAG;IAAE,GAAGP,cAAc;IAAE,GAAGM;EAAO,CAAC;EAEvD,MAAME,QAAQ,GAAIC,UAAkB,IAAa;IAC7C,IAAIA,UAAU,GAAG,GAAG,EAAE,OAAOF,cAAc,CAACN,IAAI;IAChD,IAAIQ,UAAU,IAAI,GAAG,EAAE,OAAOF,cAAc,CAACL,MAAM;IACnD,OAAOK,cAAc,CAACJ,GAAG;EAC7B,CAAC;EAED,oBACIP,KAAA,CAAAc,aAAA,CAACZ,MAAM;IAACa,KAAK,EAAEd,UAAU,CAACe,YAAa;IAACC,aAAa,EAAC;EAAM,GACvDR,UAAU,CAACS,GAAG,CAAC,CAACC,SAAS,EAAEC,KAAK,KAAK;IAClC,IAAI,CAACD,SAAS,CAACE,WAAW,EAAE,OAAO,IAAI;IAEvC,MAAM;MAAEC,IAAI;MAAEC,GAAG;MAAEC,KAAK;MAAEC;IAAO,CAAC,GAAGN,SAAS,CAACE,WAAW;IAC1D,MAAMK,KAAK,GAAGd,QAAQ,CAACO,SAAS,CAACN,UAAU,CAAC;IAE5C,oBACIb,KAAA,CAAAc,aAAA,CAACX,IAAI;MACDwB,GAAG,EAAE,GAAGR,SAAS,CAACS,KAAK,IAAIR,KAAK,EAAG;MACnCS,CAAC,EAAEP,IAAK;MACRQ,CAAC,EAAEP,GAAI;MACPC,KAAK,EAAEA,KAAK,IAAI,CAAE;MAClBC,MAAM,EAAEA,MAAM,IAAI,CAAE;MACpBC,KAAK,EAAEA,KAAM;MACbX,KAAK,EAAC,QAAQ;MACdgB,WAAW,EAAE;IAAE,CAClB,CAAC;EAEV,CAAC,CACG,CAAC;AAEjB","ignoreList":[]}

package/lib/typescript/src/VinScannerOverlay.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import type { VinCandidate, OverlayColors } from './types';
-export type VinScannerOverlayProps = {
-    candidates: VinCandidate[];
-    colors?: Partial<OverlayColors>;
-};
-/**
- * AR overlay component that renders bounding boxes around detected VINs.
- * Color-coded by confidence score: green (>0.8), yellow (0.5-0.8), red (<0.5).
- *
- * Requires @shopify/react-native-skia peer dependency.
- */
-export declare function VinScannerOverlay({ candidates, colors }: VinScannerOverlayProps): React.JSX.Element;
-//# sourceMappingURL=VinScannerOverlay.d.ts.map

package/lib/typescript/src/VinScannerOverlay.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"VinScannerOverlay.d.ts","sourceRoot":"","sources":["../../../src/VinScannerOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE3D,MAAM,MAAM,sBAAsB,GAAG;IACjC,UAAU,EAAE,YAAY,EAAE,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;CACnC,CAAC;AAQF;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,sBAAsB,qBAgC/E"}

package/src/VinScannerOverlay.tsx

@@ -1,55 +0,0 @@
-import React from 'react';
-import { StyleSheet } from 'react-native';
-import { Canvas, Rect } from '@shopify/react-native-skia';
-import type { VinCandidate, OverlayColors } from './types';
-
-export type VinScannerOverlayProps = {
-    candidates: VinCandidate[];
-    colors?: Partial<OverlayColors>;
-};
-
-const DEFAULT_COLORS: OverlayColors = {
-    high: '#00FF00',
-    medium: '#FFFF00',
-    low: '#FF0000',
-};
-
-/**
- * AR overlay component that renders bounding boxes around detected VINs.
- * Color-coded by confidence score: green (>0.8), yellow (0.5-0.8), red (<0.5).
- *
- * Requires @shopify/react-native-skia peer dependency.
- */
-export function VinScannerOverlay({ candidates, colors }: VinScannerOverlayProps) {
-    const resolvedColors = { ...DEFAULT_COLORS, ...colors };
-
-    const getColor = (confidence: number): string => {
-        if (confidence > 0.8) return resolvedColors.high;
-        if (confidence >= 0.5) return resolvedColors.medium;
-        return resolvedColors.low;
-    };
-
-    return (
-        <Canvas style={StyleSheet.absoluteFill} pointerEvents="none">
-            {candidates.map((candidate, index) => {
-                if (!candidate.boundingBox) return null;
-
-                const { left, top, width, height } = candidate.boundingBox;
-                const color = getColor(candidate.confidence);
-
-                return (
-                    <Rect
-                        key={`${candidate.value}-${index}`}
-                        x={left}
-                        y={top}
-                        width={width || 0}
-                        height={height || 0}
-                        color={color}
-                        style="stroke"
-                        strokeWidth={3}
-                    />
-                );
-            })}
-        </Canvas>
-    );
-}