Agentcard

npm i @agent-cards/sdk anchorbrowser playwright

import { createBrowser } from 'anchorbrowser';
import { VaultClient, attachToPlaywright } from '@agent-cards/sdk';

const { browser, session } = await createBrowser();
const page = browser.contexts()[0].pages()[0];

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

await attachToPlaywright(page, {
  vault,
  user: 'usr_8f3k2m',                       // the user whose card pays
  merchant: 'shop.agentcard.sh',            // the store's domain
  amount: 583,                              // cents, the total the user approves
  currency: 'usd',
  onApprovalUrl: (url) => sendToUser(url),  // your own push or in-app message
});

// Now let your agent shop on this page.
await page.goto('https://shop.agentcard.sh');

import { createBrowser, agentTask, Sessions } from 'anchorbrowser';

const { browser, session } = await createBrowser();
const sessionId = session.data?.id;
if (!sessionId) throw new Error('Anchor returned no session id');

const placeholderCard = process.env.PLACEHOLDER_CARD_NUMBER!;

// Attach Agentcard to every page in the session, as above, before the task starts.

try {
  const result = await agentTask(
    `Buy one Enamel Camp Mug. Pay with card ${placeholderCard}, expiry 12/34, CVC 123, and click Pay once. ` +
      `The payment then waits for the cardholder to approve on their phone. Do not click Pay again. ` +
      `Wait until the page shows the order is paid.`,
    { sessionId, taskOptions: { url: 'https://shop.agentcard.sh' } },
  );
  console.log(result.data.result);
} finally {
  await Sessions.deleteSession({ path: { session_id: sessionId } }).catch(console.error);
}