const customer = await tagada.customer.getProfile(customerId);

const customer = await tagada.customer.getByEmail('jane@example.com');
// Returns Customer or null if not found

const updated = await tagada.customer.updateProfile(customerId, {
  firstName: 'Jane',
  lastName: 'Doe',
  phone: '+33612345678',
});

const { orders, total } = await tagada.customer.getOrders(customerId, {
  limit: 10,
  offset: 0,
});

const order = await tagada.customer.getOrder(orderId);
// order.items            — line items on this order
// order.relatedOrders    — child orders from accepted upsells
//                          (metadata.mainOrderId === order.id)

const order = await tagada.customer.getOrder(orderId, {
  waitForRelatedOrders: true, // polls until relatedOrders is non-empty
  timeoutMs: 8000,            // optional, default 8000
  intervalMs: 2000,           // optional, default 2000
});

// Render one block per order:
const allOrders = [order, ...(order.relatedOrders ?? [])];

const subscriptions = await tagada.customer.getSubscriptions(customerId);

const subscription = await tagada.customer.getSubscription(subscriptionId);

import { useCustomer } from '@tagadapay/headless-sdk/react';

function CustomerDashboard({ customerId }: { customerId: string }) {
  const {
    customer,
    orders,
    subscriptions,
    isLoading,
    error,
    loadCustomer,
    loadOrders,
    loadSubscriptions,
    updateProfile,
  } = useCustomer(customerId); // auto-loads profile when customerId is provided

  useEffect(() => {
    if (customerId) {
      loadOrders(customerId);
      loadSubscriptions(customerId);
    }
  }, [customerId]);

  if (isLoading) return <p>Loading...</p>;
  if (error) return <p>Error: {error.message}</p>;

  return (
    <div>
      <h1>Welcome, {customer?.firstName}</h1>

      <h2>Orders</h2>
      {orders.map((order) => (
        <div key={order.id}>
          Order #{order.orderNumber} — {order.status}
        </div>
      ))}

      <h2>Subscriptions</h2>
      {subscriptions.map((sub) => (
        <div key={sub.id}>
          {sub.name} — {sub.status}
        </div>
      ))}
    </div>
  );
}

import { useOrder } from '@tagadapay/headless-sdk/react';

function ThankYouPage() {
  const orderId = new URLSearchParams(window.location.search).get('orderId');
  const { order, relatedOrders, isLoading, error } = useOrder(orderId);

  if (isLoading || !order) return <p>Loading your order…</p>;
  if (error) return <p>Error: {error.message}</p>;

  return (
    <div>
      <h1>Thank you!</h1>

      {/* Main order — the checkout purchase */}
      <OrderBlock title="Your order" order={order} />

      {/* One block per accepted upsell — appears automatically when it lands */}
      {relatedOrders.map((o) => (
        <OrderBlock key={o.id} title="Added to your order" order={o} />
      ))}
    </div>
  );
}