Agentcard

npm install @agent-cards/checkout@0.17.0 browser-use-sdk playwright-core

import { BrowserUse } from 'browser-use-sdk/v4';
import { chromium } from 'playwright-core';
import { VaultClient, attachToPlaywright } from '@agent-cards/checkout';
import { sendToUser } from './notifications.js'; // Implement in your app.

const bu = new BrowserUse({ apiKey: process.env.BROWSER_USE_API_KEY! });
const vault = new VaultClient({
  clientId: process.env.AGENTCARD_CLIENT_ID!,
  clientSecret: process.env.AGENTCARD_CLIENT_SECRET!,
});
await vault.syncRegistry();

const session = await bu.browsers.create({ proxyCountryCode: 'us' });
let browser: Awaited<ReturnType<typeof chromium.connectOverCDP>> | undefined;
try {
  if (!session.cdpUrl) throw new Error('Browser has no CDP URL');
  browser = await chromium.connectOverCDP(session.cdpUrl);
  const context = browser.contexts()[0];
  if (!context) throw new Error('Browser has no context');
  const page = context.pages()[0] ?? (await context.newPage());

  const checkout = await attachToPlaywright(page, {
    vault,
    user: process.env.AGENTCARD_USER_ID!,
    merchant: 'shop.agentcard.sh',
    amount: 583, // Example only: supply the actual checkout total in cents.
    currency: 'usd',
    onApprovalUrl: (url) => sendToUser(url),
  });

  await page.goto('https://shop.agentcard.sh');

} catch (error) {
  // No agent has started yet, so a setup failure can release this browser.
  try {
    await browser?.close();
  } finally {
    await bu.browsers.stop(session.id);
  }
  throw error;
}
// Start your agent only after attachToPlaywright has completed.

import os
from browser_use import Agent, Browser

browser = Browser(
    cdp_url=os.environ["BROWSER_USE_CDP_URL"],
    keep_alive=True,
)
# llm is your configured model; task contains only placeholder payment data.
agent = Agent(task=task, llm=llm, browser=browser)
await agent.run()

try {
  await browser?.close(); // Disconnect the Playwright client.
} finally {
  await bu.browsers.stop(session.id);
}