Cashfree HERE

interface CashfreeToolConfig {
  environment: "sandbox" | "production";
  clientId?: string;    // Required only for card payments
  clientSecret?: string; // Required only for card payments
}

{
  paymentSessionId: string;       // Cashfree payment session ID (from order creation)
  paymentApp?: "bhim" | "gpay" | "paytm" | "phonepe" | "qr";  // Optional preferred UPI method
}

{
  paymentSessionId: string;  // Cashfree payment session ID
  customerId: string;        // Customer ID to fetch saved cards for one-tap checkout
}

CASHFREE_CLIENT_ID=your_client_id
CASHFREE_CLIENT_SECRET=your_client_secret

import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
import {
  cashfreeUpiTool,
  cashfreeCardPaymentTool,
  registerCashfreeWidget,
} from "@cashfreepayments/cashfree-here";

const SERVER_URL = process.env.SERVER_URL || "http://localhost:8787";

function createGoodFoodServer() {
  const server = new McpServer({ name: "good-food", version: "1.0.0" });

  // Register Cashfree HERE payment widget
  server.registerResource(
    ...registerCashfreeWidget({ widgetBaseUrl: SERVER_URL })
  );

  // Register Cashfree HERE payment tools
  server.registerTool(...cashfreeUpiTool({ environment: "production" }));
  server.registerTool(
    ...cashfreeCardPaymentTool({
      environment: "production",
      clientId: process.env.CASHFREE_CLIENT_ID!,
      clientSecret: process.env.CASHFREE_CLIENT_SECRET!,
    })
  );

  // Register app-specific tools
  server.registerTool("search_restaurants", {
    title: "Search Restaurants",
    description: "Search for restaurants by city",
    inputSchema: { city: z.string().min(1) },
  }, async (args) => {
    const restaurants = await fetchRestaurants(args.city);
    return {
      content: [{ type: "text", text: "" }],
      _meta: { restaurants, apiBaseUrl: SERVER_URL },
    };
  });

  return server;
}

// Server-side: API endpoint that the widget calls to create a Cashfree order
// POST /api/create-order
const response = await fetch("https://api.cashfree.com/pg/orders", {
  method: "POST",
  headers: {
    "x-client-id": CASHFREE_CLIENT_ID,
    "x-client-secret": CASHFREE_CLIENT_SECRET,
    "Content-Type": "application/json",
    "x-api-version": "2025-01-01",
  },
  body: JSON.stringify({
    order_amount: totalAmount,
    order_currency: "INR",
    order_id: orderId,
    customer_details: {
      customer_id: "user_123",
      customer_phone: "9876543210",
    },
  }),
});

const { payment_session_id } = await response.json();
// This paymentSessionId is passed to UpiTool or CardPaymentTool

await window.openai.callTool("UpiTool", {
  paymentSessionId,
});

await window.openai.callTool("CardPaymentTool", {
  paymentSessionId,
  customerId: currentUser.id,
});

// Inside the widget — user selected UPI payment
window.parent.postMessage(
  {
    jsonrpc: "2.0",
    id: 1,
    method: "tools/call",
    params: {
      name: "UpiTool",
      arguments: { paymentSessionId },
    },
  },
  "*"
);

import { App } from "@modelcontextprotocol/ext-apps";

const app = new App({ name: "My Widget", version: "1.0.0" });
await app.connect();

await app.updateModelContext({
  content: [
    {
      type: "text",
      text:
        `The user tapped the UPI payment button. ` +
        `Call only the UpiTool with ${JSON.stringify({ paymentSessionId })}. ` +
        `Do not use any other tools and do not answer conversationally.`,
    },
    ],
});

await app.sendMessage({
  role: "user",
  content: [{ type: "text", text: "Continue with UPI payment." }],
});

await window.openai.sendFollowUpMessage({
  prompt:
    `The user tapped the UPI payment button. ` +
    `Call only the UpiTool with ${JSON.stringify({ paymentSessionId })}. ` +
    `Do not use any other tools and do not answer conversationally.`,
});

// Server-side: include the logged-in user's ID when creating the Cashfree order
body: JSON.stringify({
  order_amount: totalAmount,
  order_currency: "INR",
  order_id: orderId,
  customer_details: {
    customer_id: currentUser.id,      // The current logged-in user's ID from your platform
    customer_phone: currentUser.phone,
  },
})

npm install @mcp-ui/client