@switchlabs/verify-ai-react-native 2.4.8 → 2.4.10

package/lib/components/VerifyAIScanner.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useRef, useState, useCallback, useEffect } from 'react';
-import { View, Text, TouchableOpacity, StyleSheet, ActivityIndicator, AppState, useWindowDimensions, } from 'react-native';
+import { View, Text, TouchableOpacity, StyleSheet, ActivityIndicator, AppState, Platform, useWindowDimensions, } from 'react-native';
 import { CameraView, useCameraPermissions, } from 'expo-camera';
 import { useTelemetry } from '../telemetry/TelemetryContext';
 /** Quality used when expo-image-manipulator is not available (lower = smaller). */
@@ -94,10 +94,52 @@ export function VerifyAIScanner({ onCapture, onResult, onError, overlay, style,
     const isLandscape = windowWidth > windowHeight;
     const prevDimensionsRef = useRef({ width: windowWidth, height: windowHeight });
     // Track physical device orientation independently of interface orientation.
-    // When the host app is orientation-locked, window dimensions don't change
-    // on rotation — this fires via expo-camera's responsive-orientation callback
-    // so we can rotate the overlay UI to stay readable from the user's viewpoint.
+    // When the host app is orientation-locked, window dimensions don't change on
+    // rotation. iOS uses expo-camera's responsive-orientation callback; Android
+    // uses the accelerometer via expo-sensors (the callback is iOS-only). Either
+    // way we rotate the overlay UI to stay readable from the user's viewpoint.
     const [physicalOrientation, setPhysicalOrientation] = useState('portrait');
+    useEffect(() => {
+        if (Platform.OS !== 'android')
+            return;
+        let subscription = null;
+        let cancelled = false;
+        let lastOrientation = 'portrait';
+        (async () => {
+            let Accelerometer = null;
+            try {
+                // eslint-disable-next-line @typescript-eslint/no-require-imports
+                const mod = require('expo-sensors');
+                Accelerometer = mod?.Accelerometer ?? null;
+            }
+            catch {
+                return;
+            }
+            if (cancelled || !Accelerometer)
+                return;
+            Accelerometer.setUpdateInterval(500);
+            subscription = Accelerometer.addListener(({ x, y }) => {
+                let next;
+                if (Math.abs(x) > Math.abs(y) + 0.2) {
+                    next = x > 0 ? 'landscapeRight' : 'landscapeLeft';
+                }
+                else if (Math.abs(y) > Math.abs(x) + 0.2) {
+                    next = y > 0 ? 'portraitUpsideDown' : 'portrait';
+                }
+                else {
+                    return; // ambiguous tilt — ignore
+                }
+                if (next !== lastOrientation) {
+                    lastOrientation = next;
+                    setPhysicalOrientation(next);
+                }
+            });
+        })();
+        return () => {
+            cancelled = true;
+            subscription?.remove();
+        };
+    }, []);
     const overlayRotationDeg = (() => {
         switch (physicalOrientation) {
             case 'landscapeLeft':

package/lib/version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "2.4.8";
+export declare const SDK_VERSION = "2.4.10";

package/lib/version.js

@@ -1 +1 @@
-export const SDK_VERSION = '2.4.8';
+export const SDK_VERSION = '2.4.10';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@switchlabs/verify-ai-react-native",
-  "version": "2.4.8",
+  "version": "2.4.10",
   "description": "React Native SDK for Verify AI - photo verification with AI vision processing",
   "main": "./lib/index.js",
   "types": "./lib/index.d.ts",
@@ -43,6 +43,7 @@
     "expo-camera": ">=15.0.0",
     "expo-file-system": ">=17.0.0",
     "expo-image-manipulator": ">=12.0.0",
+    "expo-sensors": ">=13.0.0",
     "react": ">=18.0.0",
     "react-native": ">=0.72.0",
     "react-native-fast-tflite": ">=1.0.0"
@@ -54,6 +55,9 @@
     "expo-image-manipulator": {
       "optional": true
     },
+    "expo-sensors": {
+      "optional": true
+    },
     "@react-native-async-storage/async-storage": {
       "optional": true
     },

package/src/components/VerifyAIScanner.tsx

@@ -6,6 +6,7 @@ import {
   StyleSheet,
   ActivityIndicator,
   AppState,
+  Platform,
   useWindowDimensions,
   type ViewStyle,
 } from 'react-native';
@@ -160,13 +161,59 @@ export function VerifyAIScanner({
   const prevDimensionsRef = useRef({ width: windowWidth, height: windowHeight });
 
   // Track physical device orientation independently of interface orientation.
-  // When the host app is orientation-locked, window dimensions don't change
-  // on rotation — this fires via expo-camera's responsive-orientation callback
-  // so we can rotate the overlay UI to stay readable from the user's viewpoint.
+  // When the host app is orientation-locked, window dimensions don't change on
+  // rotation. iOS uses expo-camera's responsive-orientation callback; Android
+  // uses the accelerometer via expo-sensors (the callback is iOS-only). Either
+  // way we rotate the overlay UI to stay readable from the user's viewpoint.
   const [physicalOrientation, setPhysicalOrientation] = useState<
     'portrait' | 'portraitUpsideDown' | 'landscapeLeft' | 'landscapeRight'
   >('portrait');
 
+  useEffect(() => {
+    if (Platform.OS !== 'android') return;
+    let subscription: { remove: () => void } | null = null;
+    let cancelled = false;
+    let lastOrientation: typeof physicalOrientation = 'portrait';
+
+    (async () => {
+      let Accelerometer: {
+        setUpdateInterval: (ms: number) => void;
+        addListener: (
+          cb: (data: { x: number; y: number; z: number }) => void,
+        ) => { remove: () => void };
+      } | null = null;
+      try {
+        // eslint-disable-next-line @typescript-eslint/no-require-imports
+        const mod = require('expo-sensors');
+        Accelerometer = mod?.Accelerometer ?? null;
+      } catch {
+        return;
+      }
+      if (cancelled || !Accelerometer) return;
+
+      Accelerometer.setUpdateInterval(500);
+      subscription = Accelerometer.addListener(({ x, y }) => {
+        let next: typeof physicalOrientation;
+        if (Math.abs(x) > Math.abs(y) + 0.2) {
+          next = x > 0 ? 'landscapeRight' : 'landscapeLeft';
+        } else if (Math.abs(y) > Math.abs(x) + 0.2) {
+          next = y > 0 ? 'portraitUpsideDown' : 'portrait';
+        } else {
+          return; // ambiguous tilt — ignore
+        }
+        if (next !== lastOrientation) {
+          lastOrientation = next;
+          setPhysicalOrientation(next);
+        }
+      });
+    })();
+
+    return () => {
+      cancelled = true;
+      subscription?.remove();
+    };
+  }, []);
+
   const overlayRotationDeg = (() => {
     switch (physicalOrientation) {
       case 'landscapeLeft':

package/src/version.ts

@@ -1 +1 @@
-export const SDK_VERSION = '2.4.8';
+export const SDK_VERSION = '2.4.10';