Function usePaymentStatus

Example

import { usePaymentStatus } from "@t402/react";

function PaymentFlow() {
  const {
    status,
    message,
    setStatus,
    setSuccess,
    setError,
  } = usePaymentStatus();

  const handlePayment = async () => {
    setStatus("loading", "Processing payment...");
    try {
      await processPayment();
      setSuccess("Payment successful!", 3000);
    } catch (err) {
      setError("Payment failed. Please try again.");
    }
  };

  return (
    <div>
      {message && <StatusMessage message={message} />}
      <button onClick={handlePayment} disabled={status === "loading"}>
        Pay Now
      </button>
    </div>
  );
}
Copy