payments

base44.payments.preloadCheckout('paypal');

// Create the checkout in a backend function
const { data: checkout } = await base44.functions.invoke('createCheckout', { planId });

const mount = await base44.payments.mountCheckout(
  document.getElementById('checkout')!,
  checkout,
  {
    onComplete: ({ status }) => navigate(status === 'paid' ? '/thank-you' : '/processing'),
    onError: () => setError('The payment failed. Please try again.'),
  }
);

// Later, when the page unmounts
mount.destroy();

function Checkout({ checkout }: { checkout: CreateCheckoutResult }) {
  const ref = useRef<HTMLDivElement>(null);

  useEffect(() => {
    let mount: CheckoutMount | undefined;
    let cancelled = false;
    base44.payments
      .mountCheckout(ref.current!, checkout, { onComplete: () => navigate('/thank-you') })
      .then((m) => (cancelled ? m.destroy() : (mount = m)))
      .catch(() => setError('The checkout could not load.'));
    return () => {
      cancelled = true;
      mount?.destroy();
    };
  }, [checkout]);

  return <div ref={ref} />;
}

// In your own PayPal onApprove handler
const { status } = await base44.payments.completeCheckout(checkoutId);
if (status === 'paid') {
  showThankYou();
}

const { items } = await base44.payments.listPurchases({ checkout_id: checkoutId });
const paid = items[0]?.status === 'paid';

// On a Stripe success page, the session_id query parameter is the checkout ID
const checkoutId = new URLSearchParams(window.location.search).get('session_id');

// Filtering by checkout returns at most one purchase
const { items: [purchase] } = await base44.payments.listPurchases({ checkout_id: checkoutId });

if (purchase?.status === 'paid') {
  showThankYou();
}

let cursor: string | undefined;
do {
  const page = await base44.payments.listPurchases({ limit: 50, cursor });
  page.items.forEach((purchase) => console.log(purchase.checkout_id, purchase.status));
  cursor = page.next_cursor ?? undefined;
} while (cursor);

import { createClientFromRequest } from 'npm:@base44/sdk';

Deno.serve(async (req) => {
  const base44 = createClientFromRequest(req);
  const checkout = await base44.asServiceRole.payments.createCheckout({
    items: [{ name: 'T-shirt', amount: 2500, quantity: 2, shippable: true }],
    currency: 'usd',
    success_path: '/thank-you',
    cancel_path: '/cart',
  });

  return Response.json({ url: checkout.redirect_url });
});

import { createClientFromRequest } from 'npm:@base44/sdk';

Deno.serve(async (req) => {
  const base44 = createClientFromRequest(req);
  const user = await base44.auth.me();
  const checkout = await base44.asServiceRole.payments.createCheckout({
    items: [{
      name: 'Pro plan',
      amount: 1500,
      recurring: { frequency: 'month', free_trial: { frequency: 'day', interval: 14 } },
    }],
    currency: 'usd',
    success_path: '/welcome',
    buyer: { email: user.email },
    presentation: 'embedded',
  });

  // Pass this to base44.payments.mountCheckout() on the page
  return Response.json(checkout);
});

const { status } = await base44.asServiceRole.payments.completeCheckout(checkoutId);

import { createClientFromRequest } from 'npm:@base44/sdk';

Deno.serve(async (req) => {
  const base44 = createClientFromRequest(req);
  const { checkoutId } = await req.json();

  const { items: [purchase] } = await base44.asServiceRole.payments.listPurchases({
    checkout_id: checkoutId,
  });

  if (purchase?.status !== 'paid') {
    return Response.json({ error: 'Payment not confirmed' }, { status: 402 });
  }

  // Grant access to what the buyer paid for here
  return Response.json({ ok: true });
});

// Not available for PayPal apps, which need checkout_id or subscription_id
const { items } = await base44.asServiceRole.payments.listPurchases({
  buyer_email: 'buyer@example.com',
});

const { items } = await base44.asServiceRole.payments.listPurchases({ checkout_id: checkoutId });
const purchase = items[0];

const refund = await base44.asServiceRole.payments.refund({
  payment_id: purchase.payment_id!,
  amount: purchase.amount_total!,
  idempotency_key: `refund-${checkoutId}`,
});

await base44.asServiceRole.payments.cancelSubscription(subscriptionId, {
  at_period_end: true,
});

await base44.asServiceRole.payments.pauseSubscription(subscriptionId);

await base44.asServiceRole.payments.resumeSubscription(subscriptionId);