@mleonard9/vin-scanner 1.3.0 → 1.4.2

package/README.md

@@ -12,6 +12,8 @@ High-performance VIN detection for React Native powered by Google ML Kit barcode
 
 - `react-native-vision-camera` >= 3.9.0
 - `react-native-worklets-core` >= 0.4.0
+- `react-native-gesture-handler` >= 2.0.0 (for tap-to-focus)
+- `react-native-reanimated` >= 3.0.0 (for tap-to-focus)
 - iOS 13+ / Android 21+
 
 ## Installation
@@ -21,6 +23,9 @@ yarn add @mleonard9/vin-scanner
 # or
 npm install @mleonard9/vin-scanner
 
+# Optional (for haptic cues)
+# yarn add react-native-haptic-feedback
+
 # iOS
 cd ios && pod install
 ```
@@ -73,49 +78,45 @@ export function VinScannerExample(): JSX.Element {
 
 Every frame, the camera runs ML Kit barcode + text recognition, extracts 17-character VIN candidates, validates them (checksum included), and routes a payload to `callback`.
 
-## Advanced Features
+## Camera Gestures
+
+The VIN Scanner camera includes built-in support for intuitive camera controls:
+
+### Pinch to Zoom
 
-### AR Overlay with Confidence Scoring
+Pinch-to-zoom is **enabled by default**. Simply pinch on the camera view to zoom in and out. The zoom gesture is natively implemented by `react-native-vision-camera` for optimal performance.
 
-The package includes an optional AR overlay component that renders real-time bounding boxes around detected VINs, color-coded by confidence score.
+### Tap to Focus
+
+Tap anywhere on the camera view to focus at that point. This feature requires `react-native-gesture-handler` and `react-native-reanimated`:
 
 **Installation:**
 
 ```sh
-yarn add @shopify/react-native-skia
+yarn add react-native-gesture-handler react-native-reanimated
 # or
-npm install @shopify/react-native-skia
+npm install react-native-gesture-handler react-native-reanimated
+
+# iOS
+cd ios && pod install
 ```
 
-**Usage:**
+**Note:** These dependencies are likely already installed if you're using React Navigation or other common React Native libraries.
 
-```tsx
-import { VinScannerOverlay } from '@mleonard9/vin-scanner';
-
-export function VinScannerWithOverlay() {
-  const [candidates, setCandidates] = useState<VinCandidate[]>([]);
-  
-  const { frameProcessor } = useVinScanner({
-    onResult: (detectedCandidates) => {
-      setCandidates(detectedCandidates);
-    },
-  });
+The tap-to-focus functionality works automatically once these dependencies are installed. Simply tap on the camera view where you want to focus, and the camera will adjust both auto-focus (AF) and auto-exposure (AE) for that point.
 
-  return (
-    <View style={StyleSheet.absoluteFill}>
-      <Camera
-        device={device}
-        frameProcessor={frameProcessor}
-        style={StyleSheet.absoluteFill}
-      />
-      <VinScannerOverlay 
-        candidates={candidates}
-        colors={{ high: '#00FF00', medium: '#FFFF00', low: '#FF0000' }}
-      />
-    </View>
-  );
-}
-```
+**How it works:**
+- Tap on a VIN to focus precisely on that area
+- The camera adjusts focus and exposure automatically
+- Works seamlessly with the pinch-to-zoom gesture
+- No additional configuration required
+
+
+## Advanced Features
+
+### AR Overlay (deprecated)
+
+The Skia-based overlay component has been removed while alignment issues are addressed. Default barcode formats are tuned for VIN labels (`code-39`, `code-128`, `pdf-417`) with an automatic fallback to all formats after sustained misses. No Skia install is required.
 
 **Confidence Scoring:**
 
@@ -220,16 +221,101 @@ The `candidates` array contains every potential VIN found in the frame. `firstCa
 | `options.barcode.formats` | `BarcodeFormat[]` | Restrict ML Kit formats (`'code-39'`, `'code-128'`, `'pdf-417'`, etc.) | `['all']` |
 | `options.text.enabled` | boolean | Enable text recognition | `true` |
 | `options.text.language` | `'latin' \| 'chinese' \| 'devanagari' \| 'japanese' \| 'korean'` | ML Kit language pack | `'latin'` |
+| `options.text.requireConfirmation` | boolean | When true, text VINs are held until you confirm; barcodes still emit immediately | `false` |
+| `options.text.pendingTtlMs` | number | Auto-dismiss pending text VINs after this many ms (when `requireConfirmation` is true) | `5000` |
 | `options.detection.textScanInterval` | number | Run text recognition every Nth frame (1 = every frame) | `3` |
 | `options.detection.maxFrameRate` | number | Max FPS budget for frame processing (drops surplus frames to avoid blocking) | `30` |
 | `options.detection.forceOrientation` | `'portrait' \| 'portrait-upside-down' \| 'landscape-left' \| 'landscape-right'` | Forces ML Kit to interpret every frame using the given orientation (useful when the UI is locked to portrait but the sensor reports landscape) | `null` |
 | `options.detection.scanRegion` | `ScanRegion` | Restrict ML Kit processing to a specific region of the frame (normalized coordinates 0.0-1.0). Significantly improves performance by ignoring irrelevant areas. | `{ x: 0.15, y: 0.15, width: 0.7, height: 0.7 }` |
-| `options.detection.enableFrameQualityCheck` | boolean | Enable intelligent frame quality checks to skip blurry or dark frames, improving accuracy | `true` |
+| `options.detection.enableFrameQualityCheck` | boolean | Deprecated; when false it disables `minLuma`/`minSharpness` gates | `true` |
+| `options.detection.minLuma` | number | Minimum mean luma (0–255) required to process a frame; skips too-dark frames | `30` |
+| `options.detection.minSharpness` | number | Minimum sharpness metric required; skips blurry frames | `12` |
+| `options.detection.minConfidence` | number | Minimum candidate confidence required before emitting | `0.6` |
+| `options.detection.barcodeFallbackAfter` | number | Frames without barcode hits before scanning all formats | `45` |
 | `options.duplicateDebounceMs` | number | Time in milliseconds to suppress duplicate VIN callbacks for the same value | `1500` |
-| `options.showOverlay` | boolean | Enable AR overlay (requires `@shopify/react-native-skia`) | `false` |
-| `options.overlayColors` | `OverlayColors` | Custom colors for AR overlay: `{ high, medium, low }` | `{ high: '#00FF00', medium: '#FFFF00', low: '#FF0000' }` |
-| `options.cameraSettings` | `CameraSettings` | Camera configuration: `{ fps, lowLightBoost, videoStabilizationMode }` | `{ fps: 30, lowLightBoost: true, videoStabilizationMode: 'off' }` |
+| `options.showOverlay` | boolean | Deprecated; overlay component removed | `false` |
+| `options.overlayColors` | `OverlayColors` | Deprecated; overlay component removed | `{ high: '#00FF00', medium: '#FFFF00', low: '#FF0000' }` |
+| `options.cameraSettings` | `CameraSettings` | Camera configuration: `{ fps (clamped 24–30), lowLightBoost, videoStabilizationMode }` | `{ fps: 24, lowLightBoost: true, videoStabilizationMode: 'cinematic' }` |
 | `options.onResult` | `(candidates, event) => void` | Convenience callback when using `useVinScanner`; receives all candidates and the raw event | `undefined` |
+| `options.onTextPending` | `(pending) => void` | Invoked when `text.requireConfirmation` is true and text VINs are detected | `undefined` |
+| `options.haptics` | boolean | Enable built-in haptic cues (requires `react-native-haptic-feedback` installed) | `true` |
+
+### Behaviors & defaults
+- Barcode-first: barcodes emit immediately; text VINs can require confirmation.
+- Session dedupe: VINs are not re-emitted within a scan session (in addition to time-based debounce).
+- Quality gate: frames below `minLuma` or `minSharpness` are skipped.
+- Confidence gate: candidates below `minConfidence` are dropped.
+- Barcode formats: defaults to `code-39`, `code-128`, `pdf-417` with automatic fallback to all formats after `barcodeFallbackAfter` empty frames.
+- Camera hints: FPS clamped to 24–30 and `videoStabilizationMode` defaults to `cinematic` to keep headroom and reduce jitter.
+
+### Text confirmation UI (barcode = instant, text = tap-to-confirm)
+
+```tsx
+import { useState } from 'react';
+import { Camera, useCameraDevice } from 'react-native-vision-camera';
+import { useVinScanner, TextVinPrompt, VinCandidate } from '@mleonard9/vin-scanner';
+
+export function ConfirmingScanner() {
+  const device = useCameraDevice('back');
+  const [pending, setPending] = useState<VinCandidate[]>([]);
+
+  const { frameProcessor, pendingTextCandidates, confirmTextCandidate } = useVinScanner({
+    text: { requireConfirmation: true },
+    onTextPending: setPending,
+    onResult: (candidates) => {
+      // barcode VINs (or confirmed text VINs) arrive here
+      console.log('confirmed VINs', candidates.map((c) => c.value));
+    },
+  });
+
+  return (
+    <>
+      {device && (
+        <Camera style={{ flex: 1 }} device={device} frameProcessor={frameProcessor} isActive />
+      )}
+      <TextVinPrompt
+        visible={pendingTextCandidates.length > 0}
+        candidates={pendingTextCandidates}
+        buttonLabel=\"Book It\"
+        buttonColor=\"#0A84FF\"
+        onConfirm={(candidate) => confirmTextCandidate(candidate.value)}
+        onDismiss={() => setPending([])}
+      />
+    </>
+  );
+}
+```
+
+### Manual VIN keypad with checksum guard
+
+```tsx
+import { ManualVinInput } from '@mleonard9/vin-scanner';
+
+export function ManualEntry({ onSubmit }: { onSubmit: (vin: string) => void }) {
+  return (
+    <ManualVinInput
+      buttonLabel=\"Book It\"
+      buttonColor=\"#0A84FF\"
+      onSubmit={onSubmit}
+    />
+  );
+}
+```
+
+### Pending banner (alternative to modal)
+
+```tsx
+import { PendingVinBanner } from '@mleonard9/vin-scanner';
+
+<PendingVinBanner
+  visible={pendingTextCandidates.length > 0}
+  candidates={pendingTextCandidates}
+  buttonLabel=\"Book It\"
+  buttonColor=\"#0A84FF\"
+  onConfirm={(candidate) => confirmTextCandidate(candidate.value)}
+  onDismiss={() => setPending([])}
+/>;
+```
 
 ### Performance
 
@@ -242,7 +328,7 @@ Phase 1 optimizations dramatically improve scanning performance through native R
 | ROI + text interval (3 frames) | ~45ms | **75% faster** |
 | ROI + quality check + throttle | ~30ms | **83% faster** |
 
-**Default configuration** uses ROI scanning (`scanRegion: { x: 0.15, y: 0.15, width: 0.7, height: 0.7 }`), text scan interval of 3, and frame quality checks enabled. This provides excellent accuracy while maintaining real-time performance on mid-range devices.
+**Default configuration** uses ROI scanning (`scanRegion: { x: 0.15, y: 0.15, width: 0.7, height: 0.7 }`) and a text scan interval of 3. This provides excellent accuracy while maintaining real-time performance on mid-range devices.
 
 **Tip:** For challenging lighting or distance scenarios, set `textScanInterval: 1` to scan every frame at the cost of higher CPU usage.
 
@@ -302,4 +388,3 @@ npm publish --access public
 ```
 
 Ensure the authenticated npm user has access to the `@mleonard9` scope.
-

package/android/src/main/java/com/visioncamerabarcodescanner/VisionCameraBarcodeScannerModule.kt

@@ -48,24 +48,33 @@ class VisionCameraBarcodeScannerModule(
 
   private fun buildScannerOptions(effective: Map<String, Any>): BarcodeScannerOptions {
     val builder = BarcodeScannerOptions.Builder()
-    when {
-      effective["code-128"].toString().toBoolean() -> builder.setBarcodeFormats(FORMAT_CODE_128)
-      effective["code-39"].toString().toBoolean() -> builder.setBarcodeFormats(FORMAT_CODE_39)
-      effective["code-93"].toString().toBoolean() -> builder.setBarcodeFormats(FORMAT_CODE_93)
-      effective["codabar"].toString().toBoolean() -> builder.setBarcodeFormats(FORMAT_CODABAR)
-      effective["ean-13"].toString().toBoolean() -> builder.setBarcodeFormats(FORMAT_EAN_13)
-      effective["ean-8"].toString().toBoolean() -> builder.setBarcodeFormats(FORMAT_EAN_8)
-      effective["itf"].toString().toBoolean() -> builder.setBarcodeFormats(FORMAT_ITF)
-      effective["upc-e"].toString().toBoolean() -> builder.setBarcodeFormats(FORMAT_UPC_E)
-      effective["upc-a"].toString().toBoolean() -> builder.setBarcodeFormats(FORMAT_UPC_A)
-      effective["qr"].toString().toBoolean() -> builder.setBarcodeFormats(FORMAT_QR_CODE)
-      effective["pdf-417"].toString().toBoolean() -> builder.setBarcodeFormats(FORMAT_PDF417)
-      effective["aztec"].toString().toBoolean() -> builder.setBarcodeFormats(FORMAT_AZTEC)
-      effective["data-matrix"].toString().toBoolean() -> builder.setBarcodeFormats(FORMAT_DATA_MATRIX)
-      effective["all"].toString().toBoolean() -> builder.setBarcodeFormats(FORMAT_ALL_FORMATS)
-      else -> builder.setBarcodeFormats(FORMAT_ALL_FORMATS)
+
+    var mask = 0
+    fun maybeAdd(enabled: Boolean, format: Int) {
+      if (enabled) mask = mask or format
+    }
+
+    // Allow multiple formats at once; fall back to ALL when none specified.
+    maybeAdd(effective["all"].toString().toBoolean(), FORMAT_ALL_FORMATS)
+    maybeAdd(effective["code-128"].toString().toBoolean(), FORMAT_CODE_128)
+    maybeAdd(effective["code-39"].toString().toBoolean(), FORMAT_CODE_39)
+    maybeAdd(effective["code-93"].toString().toBoolean(), FORMAT_CODE_93)
+    maybeAdd(effective["codabar"].toString().toBoolean(), FORMAT_CODABAR)
+    maybeAdd(effective["ean-13"].toString().toBoolean(), FORMAT_EAN_13)
+    maybeAdd(effective["ean-8"].toString().toBoolean(), FORMAT_EAN_8)
+    maybeAdd(effective["itf"].toString().toBoolean(), FORMAT_ITF)
+    maybeAdd(effective["upc-e"].toString().toBoolean(), FORMAT_UPC_E)
+    maybeAdd(effective["upc-a"].toString().toBoolean(), FORMAT_UPC_A)
+    maybeAdd(effective["qr"].toString().toBoolean(), FORMAT_QR_CODE)
+    maybeAdd(effective["pdf-417"].toString().toBoolean(), FORMAT_PDF417)
+    maybeAdd(effective["aztec"].toString().toBoolean(), FORMAT_AZTEC)
+    maybeAdd(effective["data-matrix"].toString().toBoolean(), FORMAT_DATA_MATRIX)
+
+    if (mask == 0) {
+      mask = FORMAT_ALL_FORMATS
     }
-    return builder.build()
+
+    return builder.setBarcodeFormats(mask).build()
   }
 
   private fun orientationToDegrees(orientation: String?): Int? {

package/lib/commonjs/ManualVinInput.js

@@ -0,0 +1,146 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ManualVinInput = ManualVinInput;
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _vinUtils = require("./vinUtils");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const VIN_CHARS = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'J', 'K', 'L', 'M', 'N', 'P', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
+const DIGITS = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
+function ManualVinInput({
+  initialValue = '',
+  onSubmit,
+  buttonLabel = 'Use VIN',
+  buttonColor = '#0A84FF',
+  placeholder = 'Enter VIN (17 chars)'
+}) {
+  const [value, setValue] = (0, _react.useState)(initialValue.toUpperCase());
+  const isValid = (0, _react.useMemo)(() => (0, _vinUtils.isValidVin)(value), [value]);
+  const showError = value.length >= 17 && !isValid;
+  const handlePress = ch => {
+    setValue(prev => (prev + ch).slice(0, 17).toUpperCase());
+  };
+  const handleBackspace = () => {
+    setValue(prev => prev.slice(0, -1));
+  };
+  const handleSubmit = () => {
+    if (isValid && onSubmit) {
+      onSubmit(value);
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, {
+    value: value,
+    onChangeText: txt => setValue(txt.replace(/[^A-HJ-NPR-Z0-9]/gi, '').slice(0, 17).toUpperCase()),
+    style: [styles.input, showError && styles.errorInput],
+    placeholder: placeholder,
+    autoCapitalize: "characters",
+    autoCorrect: false
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.row
+  }, VIN_CHARS.map(c => /*#__PURE__*/_react.default.createElement(Key, {
+    key: c,
+    label: c,
+    onPress: () => handlePress(c)
+  }))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.row
+  }, DIGITS.map(c => /*#__PURE__*/_react.default.createElement(Key, {
+    key: c,
+    label: c,
+    onPress: () => handlePress(c)
+  })), /*#__PURE__*/_react.default.createElement(Key, {
+    label: "\u232B",
+    onPress: handleBackspace,
+    wide: true
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    style: [styles.submit, {
+      backgroundColor: buttonColor
+    }],
+    disabled: !isValid,
+    onPress: handleSubmit
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.submitText
+  }, buttonLabel)), showError && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.errorText
+  }, "Checksum invalid"));
+}
+function Key({
+  label,
+  onPress,
+  wide
+}) {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    onPress: onPress,
+    style: [styles.key, wide && styles.keyWide]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.keyText
+  }, label));
+}
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    width: '100%',
+    padding: 12,
+    backgroundColor: '#0D0D0D',
+    borderRadius: 12
+  },
+  input: {
+    backgroundColor: '#111827',
+    color: 'white',
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    borderRadius: 8,
+    fontSize: 16,
+    letterSpacing: 1,
+    borderWidth: 1,
+    borderColor: '#1F2937',
+    marginBottom: 10
+  },
+  errorInput: {
+    borderColor: '#EF4444'
+  },
+  row: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    gap: 6,
+    marginBottom: 8
+  },
+  key: {
+    paddingVertical: 10,
+    paddingHorizontal: 12,
+    backgroundColor: '#1F2937',
+    borderRadius: 8,
+    minWidth: 42,
+    alignItems: 'center'
+  },
+  keyWide: {
+    minWidth: 64
+  },
+  keyText: {
+    color: 'white',
+    fontSize: 14,
+    fontWeight: '700'
+  },
+  submit: {
+    marginTop: 8,
+    paddingVertical: 12,
+    borderRadius: 10,
+    alignItems: 'center'
+  },
+  submitText: {
+    color: 'white',
+    fontSize: 16,
+    fontWeight: '700'
+  },
+  errorText: {
+    color: '#F87171',
+    marginTop: 6,
+    fontSize: 13
+  }
+});
+var _default = exports.default = ManualVinInput;
+//# sourceMappingURL=ManualVinInput.js.map

package/lib/commonjs/ManualVinInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_vinUtils","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","VIN_CHARS","DIGITS","ManualVinInput","initialValue","onSubmit","buttonLabel","buttonColor","placeholder","value","setValue","useState","toUpperCase","isValid","useMemo","isValidVin","showError","length","handlePress","ch","prev","slice","handleBackspace","handleSubmit","createElement","View","style","styles","container","TextInput","onChangeText","txt","replace","input","errorInput","autoCapitalize","autoCorrect","row","map","c","Key","key","label","onPress","wide","Pressable","submit","backgroundColor","disabled","Text","submitText","errorText","keyWide","keyText","StyleSheet","create","width","padding","borderRadius","color","paddingHorizontal","paddingVertical","fontSize","letterSpacing","borderWidth","borderColor","marginBottom","flexDirection","flexWrap","gap","minWidth","alignItems","fontWeight","marginTop","_default","exports"],"sourceRoot":"../../src","sources":["ManualVinInput.tsx"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAAwC,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAUxC,MAAMkB,SAAS,GAAG,CAChB,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,CACJ;AACD,MAAMC,MAAM,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;AAE1D,SAASC,cAAcA,CAAC;EAC7BC,YAAY,GAAG,EAAE;EACjBC,QAAQ;EACRC,WAAW,GAAG,SAAS;EACvBC,WAAW,GAAG,SAAS;EACvBC,WAAW,GAAG;AACK,CAAC,EAAE;EACtB,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAACP,YAAY,CAACQ,WAAW,CAAC,CAAC,CAAC;EAE9D,MAAMC,OAAO,GAAG,IAAAC,cAAO,EAAC,MAAM,IAAAC,oBAAU,EAACN,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EACzD,MAAMO,SAAS,GAAGP,KAAK,CAACQ,MAAM,IAAI,EAAE,IAAI,CAACJ,OAAO;EAEhD,MAAMK,WAAW,GAAIC,EAAU,IAAK;IAClCT,QAAQ,CAAEU,IAAI,IAAK,CAACA,IAAI,GAAGD,EAAE,EAAEE,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAACT,WAAW,CAAC,CAAC,CAAC;EAC5D,CAAC;EAED,MAAMU,eAAe,GAAGA,CAAA,KAAM;IAC5BZ,QAAQ,CAAEU,IAAI,IAAKA,IAAI,CAACC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;EACvC,CAAC;EAED,MAAME,YAAY,GAAGA,CAAA,KAAM;IACzB,IAAIV,OAAO,IAAIR,QAAQ,EAAE;MACvBA,QAAQ,CAACI,KAAK,CAAC;IACjB;EACF,CAAC;EAED,oBACEhC,MAAA,CAAAe,OAAA,CAAAgC,aAAA,CAAC5C,YAAA,CAAA6C,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BnD,MAAA,CAAAe,OAAA,CAAAgC,aAAA,CAAC5C,YAAA,CAAAiD,SAAS;IACRpB,KAAK,EAAEA,KAAM;IACbqB,YAAY,EAAGC,GAAG,IAChBrB,QAAQ,CACNqB,GAAG,CACAC,OAAO,CAAC,oBAAoB,EAAE,EAAE,CAAC,CACjCX,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CACZT,WAAW,CAAC,CACjB,CACD;IACDc,KAAK,EAAE,CAACC,MAAM,CAACM,KAAK,EAAEjB,SAAS,IAAIW,MAAM,CAACO,UAAU,CAAE;IACtD1B,WAAW,EAAEA,WAAY;IACzB2B,cAAc,EAAC,YAAY;IAC3BC,WAAW,EAAE;EAAM,CACpB,CAAC,eACF3D,MAAA,CAAAe,OAAA,CAAAgC,aAAA,CAAC5C,YAAA,CAAA6C,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACU;EAAI,GACrBpC,SAAS,CAACqC,GAAG,CAAEC,CAAC,iBACf9D,MAAA,CAAAe,OAAA,CAAAgC,aAAA,CAACgB,GAAG;IAACC,GAAG,EAAEF,CAAE;IAACG,KAAK,EAAEH,CAAE;IAACI,OAAO,EAAEA,CAAA,KAAMzB,WAAW,CAACqB,CAAC;EAAE,CAAE,CACxD,CACG,CAAC,eACP9D,MAAA,CAAAe,OAAA,CAAAgC,aAAA,CAAC5C,YAAA,CAAA6C,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACU;EAAI,GACrBnC,MAAM,CAACoC,GAAG,CAAEC,CAAC,iBACZ9D,MAAA,CAAAe,OAAA,CAAAgC,aAAA,CAACgB,GAAG;IAACC,GAAG,EAAEF,CAAE;IAACG,KAAK,EAAEH,CAAE;IAACI,OAAO,EAAEA,CAAA,KAAMzB,WAAW,CAACqB,CAAC;EAAE,CAAE,CACxD,CAAC,eACF9D,MAAA,CAAAe,OAAA,CAAAgC,aAAA,CAACgB,GAAG;IAACE,KAAK,EAAC,QAAG;IAACC,OAAO,EAAErB,eAAgB;IAACsB,IAAI;EAAA,CAAE,CAC3C,CAAC,eACPnE,MAAA,CAAAe,OAAA,CAAAgC,aAAA,CAAC5C,YAAA,CAAAiE,SAAS;IACRnB,KAAK,EAAE,CAACC,MAAM,CAACmB,MAAM,EAAE;MAAEC,eAAe,EAAExC;IAAY,CAAC,CAAE;IACzDyC,QAAQ,EAAE,CAACnC,OAAQ;IACnB8B,OAAO,EAAEpB;EAAa,gBAEtB9C,MAAA,CAAAe,OAAA,CAAAgC,aAAA,CAAC5C,YAAA,CAAAqE,IAAI;IAACvB,KAAK,EAAEC,MAAM,CAACuB;EAAW,GAAE5C,WAAkB,CAC1C,CAAC,EACXU,SAAS,iBAAIvC,MAAA,CAAAe,OAAA,CAAAgC,aAAA,CAAC5C,YAAA,CAAAqE,IAAI;IAACvB,KAAK,EAAEC,MAAM,CAACwB;EAAU,GAAC,kBAAsB,CAC/D,CAAC;AAEX;AAEA,SAASX,GAAGA,CAAC;EACXE,KAAK;EACLC,OAAO;EACPC;AAKF,CAAC,EAAE;EACD,oBACEnE,MAAA,CAAAe,OAAA,CAAAgC,aAAA,CAAC5C,YAAA,CAAAiE,SAAS;IAACF,OAAO,EAAEA,OAAQ;IAACjB,KAAK,EAAE,CAACC,MAAM,CAACc,GAAG,EAAEG,IAAI,IAAIjB,MAAM,CAACyB,OAAO;EAAE,gBACvE3E,MAAA,CAAAe,OAAA,CAAAgC,aAAA,CAAC5C,YAAA,CAAAqE,IAAI;IAACvB,KAAK,EAAEC,MAAM,CAAC0B;EAAQ,GAAEX,KAAY,CACjC,CAAC;AAEhB;AAEA,MAAMf,MAAM,GAAG2B,uBAAU,CAACC,MAAM,CAAC;EAC/B3B,SAAS,EAAE;IACT4B,KAAK,EAAE,MAAM;IACbC,OAAO,EAAE,EAAE;IACXV,eAAe,EAAE,SAAS;IAC1BW,YAAY,EAAE;EAChB,CAAC;EACDzB,KAAK,EAAE;IACLc,eAAe,EAAE,SAAS;IAC1BY,KAAK,EAAE,OAAO;IACdC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,EAAE;IACnBH,YAAY,EAAE,CAAC;IACfI,QAAQ,EAAE,EAAE;IACZC,aAAa,EAAE,CAAC;IAChBC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE,SAAS;IACtBC,YAAY,EAAE;EAChB,CAAC;EACDhC,UAAU,EAAE;IACV+B,WAAW,EAAE;EACf,CAAC;EACD5B,GAAG,EAAE;IACH8B,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE,MAAM;IAChBC,GAAG,EAAE,CAAC;IACNH,YAAY,EAAE;EAChB,CAAC;EACDzB,GAAG,EAAE;IACHoB,eAAe,EAAE,EAAE;IACnBD,iBAAiB,EAAE,EAAE;IACrBb,eAAe,EAAE,SAAS;IAC1BW,YAAY,EAAE,CAAC;IACfY,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACDnB,OAAO,EAAE;IACPkB,QAAQ,EAAE;EACZ,CAAC;EACDjB,OAAO,EAAE;IACPM,KAAK,EAAE,OAAO;IACdG,QAAQ,EAAE,EAAE;IACZU,UAAU,EAAE;EACd,CAAC;EACD1B,MAAM,EAAE;IACN2B,SAAS,EAAE,CAAC;IACZZ,eAAe,EAAE,EAAE;IACnBH,YAAY,EAAE,EAAE;IAChBa,UAAU,EAAE;EACd,CAAC;EACDrB,UAAU,EAAE;IACVS,KAAK,EAAE,OAAO;IACdG,QAAQ,EAAE,EAAE;IACZU,UAAU,EAAE;EACd,CAAC;EACDrB,SAAS,EAAE;IACTQ,KAAK,EAAE,SAAS;IAChBc,SAAS,EAAE,CAAC;IACZX,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAAC,IAAAY,QAAA,GAAAC,OAAA,CAAAnF,OAAA,GAEYW,cAAc","ignoreList":[]}

package/lib/commonjs/PendingVinBanner.js

@@ -0,0 +1,120 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PendingVinBanner = PendingVinBanner;
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Compact bottom banner for pending text VINs.
+ * Works well together with `text.requireConfirmation`.
+ */
+function PendingVinBanner({
+  visible,
+  candidates,
+  onConfirm,
+  onDismiss,
+  buttonLabel = 'Use VIN',
+  buttonColor = '#0A84FF'
+}) {
+  const anim = _react.default.useRef(new _reactNative.Animated.Value(0)).current;
+  _react.default.useEffect(() => {
+    _reactNative.Animated.timing(anim, {
+      toValue: visible ? 1 : 0,
+      duration: 220,
+      useNativeDriver: true
+    }).start();
+  }, [visible, anim]);
+  const translateY = anim.interpolate({
+    inputRange: [0, 1],
+    outputRange: [160, 0]
+  });
+  if (!candidates.length) return null;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    pointerEvents: visible ? 'auto' : 'none',
+    style: [styles.container, {
+      transform: [{
+        translateY
+      }],
+      opacity: anim
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.header
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.label
+  }, candidates.length > 1 ? `${candidates.length} VINs detected` : 'VIN detected'), onDismiss && /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    onPress: onDismiss,
+    hitSlop: 12,
+    style: styles.dismiss
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.dismissText
+  }, "Dismiss"))), candidates.map(vin => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    key: vin.value,
+    style: styles.row
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.vin
+  }, vin.value), /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    onPress: () => onConfirm(vin),
+    style: [styles.button, {
+      backgroundColor: buttonColor
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.buttonText
+  }, buttonLabel)))));
+}
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    position: 'absolute',
+    left: 16,
+    right: 16,
+    bottom: 40,
+    backgroundColor: 'rgba(0,0,0,0.9)',
+    borderRadius: 16,
+    padding: 14,
+    gap: 10
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  label: {
+    color: '#E5E7EB',
+    fontSize: 14,
+    fontWeight: '700'
+  },
+  dismiss: {
+    padding: 4
+  },
+  dismissText: {
+    color: '#9CA3AF',
+    fontSize: 12
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    gap: 10
+  },
+  vin: {
+    flex: 1,
+    color: 'white',
+    fontSize: 16,
+    letterSpacing: 1
+  },
+  button: {
+    paddingHorizontal: 14,
+    paddingVertical: 10,
+    borderRadius: 10
+  },
+  buttonText: {
+    color: 'white',
+    fontSize: 14,
+    fontWeight: '700'
+  }
+});
+var _default = exports.default = PendingVinBanner;
+//# sourceMappingURL=PendingVinBanner.js.map

package/lib/commonjs/PendingVinBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","e","__esModule","default","PendingVinBanner","visible","candidates","onConfirm","onDismiss","buttonLabel","buttonColor","anim","React","useRef","Animated","Value","current","useEffect","timing","toValue","duration","useNativeDriver","start","translateY","interpolate","inputRange","outputRange","length","createElement","View","pointerEvents","style","styles","container","transform","opacity","header","Text","label","Pressable","onPress","hitSlop","dismiss","dismissText","map","vin","key","value","row","button","backgroundColor","buttonText","StyleSheet","create","position","left","right","bottom","borderRadius","padding","gap","flexDirection","alignItems","justifyContent","color","fontSize","fontWeight","flex","letterSpacing","paddingHorizontal","paddingVertical","_default","exports"],"sourceRoot":"../../src","sources":["PendingVinBanner.tsx"],"mappings":"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","ignoreList":[]}