Basic Usage

onDetectionStatus={(s: DetectionStatus) => { /* {type} or {type:'failed', reason} */ }}
onDetectionProgress={(p: number) => { /* 0 ~ 100 */ }}
onDetectionFinished={(r: CameraResult) => { /* {success, fingerprintImages, appearanceImages} */ }}
onDetectionResult={(r: DetectionResult) => { /* per-frame nose/face boxes — for custom markers */ }}

async function upload(r: CameraResult) {
  if (!r.success) return;
  const form = new FormData();
  // RN's FormData accepts files as { uri, name, type }.
  r.fingerprintImages.forEach((uri, i) =>
    form.append('fingerprints', { uri, name: `nose_${i}.jpg`, type: 'image/jpeg' } as any),
  );
  r.appearanceImages.forEach((uri, i) =>
    form.append('appearances', { uri, name: `face_${i}.jpg`, type: 'image/jpeg' } as any),
  );
  form.append('captureSessionId', captureSessionId);
  // Send to your own app-server endpoint → the server uploads to Petnow with x-petnow-api-key
  await fetch('https://your-app-server.example.com/petnow/upload', { method: 'POST', body: form });
}

const onFinished = useCallback((r: CameraResult) => {
  upload(r);
  if (continuousMode) {
    setTimeout(() => camera.startDetection(), 1200); // restart after a short pause
  }
}, [camera, continuousMode]);

// usePetnowCamera options
type LicenseInfo = {
  apiKey: string;
};

// The controller handle returned by usePetnowCamera
type PetnowCamera = {
  state: PetnowCameraState;
  startDetection(): void;   // Start detection / retake
  pauseDetection(): void;   // Pause (preserves progress)
  resumeDetection(): void;  // Resume
  switchCamera(): void;     // Switch front/rear
  retry(): void;            // Retry native initialization
};

type PetnowCameraState =
  | { status: 'idle' }
  | { status: 'initializing' }
  | { status: 'ready' }
  | { status: 'error'; error: string }; // error message only on the 'error' state

// onDetectionStatus callback argument
type DetectionStatus =
  | { type: 'noObject' }                 // No target detected
  | { type: 'processing' }               // Detection in progress
  | { type: 'detected' }                 // Detection successful
  | { type: 'finished' }                 // Capture complete
  | { type: 'failed'; reason: DetectionFailureReason };  // Failed (includes reason)

// onDetectionFinished callback argument
type CameraResult = {
  success: boolean;
  fingerprintImages: string[]; // local file:// URIs
  appearanceImages: string[];  // local file:// URIs
};

// onDetectionResult callback argument (per-frame detection boxes)
type BoundingBox = { x: number; y: number; width: number; height: number }; // normalized 0–1
type DetectionResult = {
  nose: BoundingBox | null;
  face: BoundingBox | null;
};

function guideMessage(status: DetectionStatus | null): string {
  if (!status) return 'Initializing camera...';
  switch (status.type) {
    case 'failed':
      return `Recognition failed: ${status.reason}`;
    case 'noObject':
      return 'Center your pet on the screen';
    case 'finished':
      return 'Capture complete!';
    default:
      return '';
  }
}

import { useCallback, useState } from 'react';
import { View, Text, StyleSheet } from 'react-native';
import {
  usePetnowCamera,
  CameraView,
  type DetectionStatus,
  type CameraResult,
} from '@petify/react-native-camera-ui';

export function Scan({ apiKey, captureSessionId }: { apiKey: string; captureSessionId: string }) {
  const camera = usePetnowCamera({ apiKey });
  const [, setStatus] = useState<DetectionStatus | null>(null);

  // Upload file:// URIs to your app server (which proxies to Petnow with x-petnow-api-key)
  const upload = useCallback(
    async (r: CameraResult) => {
      if (!r.success) return;
      const form = new FormData();
      r.fingerprintImages.forEach((uri, i) =>
        form.append('fingerprints', { uri, name: `nose_${i}.jpg`, type: 'image/jpeg' } as any),
      );
      r.appearanceImages.forEach((uri, i) =>
        form.append('appearances', { uri, name: `face_${i}.jpg`, type: 'image/jpeg' } as any),
      );
      form.append('captureSessionId', captureSessionId);
      await fetch('https://your-app-server.example.com/petnow/upload', { method: 'POST', body: form });
    },
    [captureSessionId],
  );

  // Do not mount CameraView before ready.
  if (camera.state.status !== 'ready') {
    return (
      <View style={styles.center}>
        <Text>Preparing camera… ({camera.state.status})</Text>
      </View>
    );
  }

  return (
    <CameraView
      camera={camera}
      species="DOG"
      purpose="PET_PROFILE_REGISTRATION"
      captureSessionId={captureSessionId}
      style={styles.fill}
      onDetectionStatus={setStatus}
      onDetectionFinished={upload}
    />
  );
}

const styles = StyleSheet.create({
  fill: { flex: 1 },
  center: { flex: 1, alignItems: 'center', justifyContent: 'center' },
});