usePrivatePayment

$npx shadcn@latest add https://uxdotsol.xyz/r/use-private-payment.json

"use client";
 
import { useState } from "react";
import {
  usePrivatePayment,
  type PrivatePaymentTxResponse,
} from "@/hooks/use-private-payment";
 
const USDC_MINT = "4zMMC9srt5Ri5X14GAgXhaHii3GnPAEERYPJgZJDncDU";
 
export function SendPrivateUsdc({
  owner,
  recipient,
  amountAtomics,
  signAndSend,
}: {
  owner: string;
  recipient: string;
  amountAtomics: number;
  signAndSend: (tx: PrivatePaymentTxResponse) => Promise<string>;
}) {
  const payments = usePrivatePayment({ cluster: "devnet" });
  const [signature, setSignature] = useState<string | null>(null);
 
  async function sendPrivateUsdc() {
    setSignature(null);
 
    const mintStatus = await payments.isMintInitialized({ mint: USDC_MINT });
 
    if (!mintStatus.initialized) {
      const setupTx = await payments.initializeMint({
        payer: owner,
        mint: USDC_MINT,
      });
      await signAndSend(setupTx);
    }
 
    const transferTx = await payments.transfer({
      from: owner,
      to: recipient,
      mint: USDC_MINT,
      amount: amountAtomics,
      visibility: "private",
      fromBalance: "base",
      toBalance: "base",
      initIfMissing: false,
      initAtasIfMissing: false,
      initVaultIfMissing: false,
    });
 
    setSignature(await signAndSend(transferTx));
  }
 
  return (
    <div className="grid gap-2">
      <button disabled={payments.isLoading} onClick={sendPrivateUsdc}>
        {payments.isLoading ? "Sending..." : "Send private USDC"}
      </button>
      {signature ? <p>Confirmed: {signature}</p> : null}
      {payments.error ? <p>{payments.error.message}</p> : null}
    </div>
  );
}