Hooks

function useFloPay(): FloPay | null

import { useFloPay } from '@flopay/react';

function RefreshSessionButton({ sessionId }: { sessionId: string }) {
  const flopay = useFloPay();

  const handleRefresh = async () => {
    if (!flopay) return;
    const session = await flopay.retrieveSession(sessionId);
    console.log(session.status);
  };

  return <button onClick={handleRefresh} disabled={!flopay}>Refresh session</button>;
}

function useCheckout(): CheckoutState

import { useCheckout } from '@flopay/react';

function OrderSummary() {
  const { session, loading, error } = useCheckout();

  if (loading) return <div>Loading...</div>;
  if (error) return <div>Error: {error.message}</div>;
  if (!session) return null;

  return (
    <div>
      Total: {session.amount} {session.currency}
    </div>
  );
}