useProofRequestStatus

import { useProofRequestStatus, FulfillmentStatus } from "@succinctlabs/react-native-zcam1/proving";
 
function ProofStatus({ requestId }: { requestId: string }) {
  const { proof, fulfillementStatus, error } = useProofRequestStatus(requestId);
 
  if (fulfillementStatus === FulfillmentStatus.Fulfilled) {
    return <Text>Proof ready!</Text>;
  }
  
  return <Text>Generating proof...</Text>;
}

type ProofRequestContextValue = {
  isInitializing: boolean;           // Whether the prover is initializing
  error: unknown;                    // Any error that occurred
  fulfillementStatus: FulfillmentStatus; // Current status
  proof: ArrayBuffer | undefined;    // Proof bytes when fulfilled
}
 
enum FulfillmentStatus {
  UnspecifiedFulfillmentStatus = 0,
  Requested = 1,
  Assigned = 2,
  Fulfilled = 3,
  Unfulfillable = 4
}

import { useState, useEffect } from "react";
import { View, Button, Text, ActivityIndicator } from "react-native";
import {
  useProver,
  useProofRequestStatus,
  FulfillmentStatus
} from "@succinctlabs/react-native-zcam1/proving";
 
function ProveWithProgress({ photoUri }: { photoUri: string }) {
  const { provingClient } = useProver();
  const [requestId, setRequestId] = useState<string | null>(null);
  const { proof, fulfillementStatus, error } = useProofRequestStatus(requestId);
 
  const handleProve = async () => {
    if (!provingClient) return;
    const id = await provingClient.requestProof(photoUri);
    setRequestId(id);
  };
 
  useEffect(() => {
    if (proof && provingClient) {
      provingClient.embedProof(photoUri, proof).then((path) => {
        console.log("Proof embedded:", path);
      });
    }
  }, [proof, provingClient, photoUri]);
 
  if (error) {
    return <Text>Error: {(error as Error).message}</Text>;
  }
 
  return (
    <View>
      {!requestId && (
        <Button title="Generate Proof" onPress={handleProve} />
      )}
      
      {requestId && (
        <>
          <Text>
            Status: {FulfillmentStatus[fulfillementStatus]}
          </Text>
          
          {fulfillementStatus === FulfillmentStatus.Requested && (
            <Text>Queued...</Text>
          )}
          
          {fulfillementStatus === FulfillmentStatus.Assigned && (
            <>
              <ActivityIndicator />
              <Text>Generating proof...</Text>
            </>
          )}
          
          {fulfillementStatus === FulfillmentStatus.Fulfilled && (
            <Text>✓ Proof ready!</Text>
          )}
          
          {fulfillementStatus === FulfillmentStatus.Unfulfillable && (
            <Text>✗ Proof generation failed</Text>
          )}
        </>
      )}
    </View>
  );
}