banksi 0.1.0

package/README.md

@@ -0,0 +1,84 @@
+# banksi
+
+Crypto payment module for vibe coders. Add USDT/USDC payments to any app in one prompt.
+
+## Install
+
+```bash
+npm install banksi
+```
+
+## Environment Variables
+
+```env
+BANKSI_API_KEY=bks_your_key_here   # from banksi.io/merchant/settings
+BANKSI_URL=https://banksi.io       # optional, defaults to https://banksi.io
+```
+
+## Next.js — Paywall Middleware
+
+```typescript
+// app/api/premium/route.ts
+import { createBanksiPaywall } from 'banksi/next';
+
+const paywall = createBanksiPaywall({ amount: 0.10 });
+
+export async function GET(request: Request) {
+  const blocked = await paywall(request);
+  if (blocked) return blocked; // 402 + payment instructions
+  return Response.json({ data: 'premium content' });
+}
+```
+
+## Express — Paywall Middleware
+
+```typescript
+import { createBanksiPaywall } from 'banksi/express';
+
+app.use('/api/premium', createBanksiPaywall({ amount: 0.10 }));
+```
+
+## React — Pay Button
+
+```tsx
+import { BanksiPayButton } from 'banksi/react';
+
+<BanksiPayButton
+  amount={4.50}
+  onPaymentConfirmed={(id) => console.log('Paid!', id)}
+/>
+```
+
+## Client API
+
+```typescript
+import { BanksiClient } from 'banksi';
+
+const client = new BanksiClient();
+
+const chains = await client.listChains();
+const payment = await client.createPayment({ chainId: 'arbitrum', tokenId: '...', amount: 4.50 });
+const status = await client.verifyPayment(payment.paymentId);
+const confirmed = await client.isPaymentConfirmed(payment.paymentId);
+```
+
+## MCP Server
+
+AI agents can integrate Banksi using the MCP server:
+
+```json
+{
+  "mcpServers": {
+    "banksi": {
+      "command": "npx",
+      "args": ["banksi-mcp"]
+    }
+  }
+}
+```
+
+## Links
+
+- [Docs](https://banksi.io/docs)
+- [Dashboard](https://banksi.io/merchant)
+- [Demo](https://banksi.io/examples/cafe)

package/dist/chunk-7MKH6B3K.mjs

@@ -0,0 +1,62 @@
+// src/client.ts
+function getConfig(override) {
+  return {
+    baseUrl: override?.baseUrl || process.env.BANKSI_URL || "https://banksi.io",
+    merchantSlug: override?.merchantSlug || process.env.BANKSI_MERCHANT_SLUG || void 0,
+    apiKey: override?.apiKey || process.env.BANKSI_API_KEY || void 0
+  };
+}
+var BanksiClient = class {
+  constructor(config) {
+    const c = getConfig(config);
+    this.baseUrl = c.baseUrl.replace(/\/$/, "");
+    this.merchantSlug = c.merchantSlug;
+    this.apiKey = c.apiKey;
+  }
+  headers() {
+    const h = { "Content-Type": "application/json" };
+    if (this.apiKey) h["Authorization"] = `Bearer ${this.apiKey}`;
+    return h;
+  }
+  async listChains() {
+    const res = await fetch(`${this.baseUrl}/api/chains`);
+    if (!res.ok) throw new Error(`Banksi API error: ${res.status}`);
+    const data = await res.json();
+    return data.chains;
+  }
+  async createPayment(opts) {
+    const body = {
+      chainId: opts.chainId,
+      tokenId: opts.tokenId,
+      amount: opts.amount
+    };
+    if (!this.apiKey) {
+      body.merchantSlug = opts.merchantSlug || this.merchantSlug;
+    }
+    const res = await fetch(`${this.baseUrl}/api/x402/pay`, {
+      method: "POST",
+      headers: this.headers(),
+      body: JSON.stringify(body)
+    });
+    if (!res.ok) {
+      const data = await res.json().catch(() => ({}));
+      throw new Error(data.error || `Banksi API error: ${res.status}`);
+    }
+    return res.json();
+  }
+  async verifyPayment(paymentId) {
+    const res = await fetch(`${this.baseUrl}/api/payments/${paymentId}/status`, {
+      headers: this.headers()
+    });
+    if (!res.ok) throw new Error(`Banksi API error: ${res.status}`);
+    return res.json();
+  }
+  async isPaymentConfirmed(paymentId) {
+    const status = await this.verifyPayment(paymentId);
+    return ["CONFIRMED", "SWEPT"].includes(status.status);
+  }
+};
+
+export {
+  BanksiClient
+};

package/dist/chunk-QHCD73JW.mjs

@@ -0,0 +1,49 @@
+import {
+  BanksiClient
+} from "./chunk-7MKH6B3K.mjs";
+
+// src/next.ts
+function createBanksiPaywall(config) {
+  const client = new BanksiClient(config);
+  return async function paywall(request) {
+    const paymentId = request.headers.get("X-Payment");
+    if (paymentId) {
+      try {
+        const confirmed = await client.isPaymentConfirmed(paymentId);
+        if (confirmed) return null;
+      } catch {
+      }
+    }
+    const chains = await client.listChains();
+    const banksiUrl = config.baseUrl || process.env.BANKSI_URL || "http://localhost:3001";
+    const merchantSlug = config.merchantSlug || process.env.BANKSI_MERCHANT_SLUG || "";
+    return Response.json(
+      {
+        status: 402,
+        paymentRequired: {
+          scheme: "x402",
+          description: config.description || "Payment required.",
+          merchant: merchantSlug,
+          amount: config.amount,
+          currency: "USD",
+          chains: chains.map((c) => ({
+            id: c.id,
+            name: c.name,
+            tokens: c.tokens.map((t) => ({ id: t.id, symbol: t.symbol }))
+          })),
+          payUrl: `${banksiUrl}/api/x402/pay`,
+          howToPay: [
+            `POST ${banksiUrl}/api/x402/pay with { "merchantSlug": "${merchantSlug}", "chainId": "<chain>", "tokenId": "<token>", "amount": ${config.amount} }`,
+            "Send the stablecoin to the returned address.",
+            "Retry with header: X-Payment: <paymentId>"
+          ]
+        }
+      },
+      { status: 402 }
+    );
+  };
+}
+
+export {
+  createBanksiPaywall
+};

package/dist/client-jLNKFIPq.d.mts

@@ -0,0 +1,50 @@
+interface BanksiConfig {
+    /** Banksi instance URL */
+    baseUrl: string;
+    /** Merchant store slug (optional if apiKey is set) */
+    merchantSlug?: string;
+    /** API key from banksi.io dashboard (bks_xxx) */
+    apiKey?: string;
+}
+interface PaymentResult {
+    paymentId: string;
+    address: string;
+    amountExpected: string;
+    tokenSymbol: string;
+    chainName: string;
+    expiresAt: string;
+}
+interface PaymentStatus {
+    id: string;
+    status: 'PENDING' | 'CONFIRMING' | 'CONFIRMED' | 'SWEPT' | 'EXPIRED' | 'FAILED';
+    txHash: string | null;
+    amountReceived: string | null;
+    paidAt: string | null;
+}
+interface Chain {
+    id: string;
+    name: string;
+    tokens: {
+        id: string;
+        symbol: string;
+        name: string;
+    }[];
+}
+declare class BanksiClient {
+    private baseUrl;
+    private merchantSlug?;
+    private apiKey?;
+    constructor(config?: Partial<BanksiConfig>);
+    private headers;
+    listChains(): Promise<Chain[]>;
+    createPayment(opts: {
+        chainId: string;
+        tokenId: string;
+        amount: number;
+        merchantSlug?: string;
+    }): Promise<PaymentResult>;
+    verifyPayment(paymentId: string): Promise<PaymentStatus>;
+    isPaymentConfirmed(paymentId: string): Promise<boolean>;
+}
+
+export { type BanksiConfig as B, type Chain as C, type PaymentResult as P, BanksiClient as a, type PaymentStatus as b };

package/dist/client-jLNKFIPq.d.ts

@@ -0,0 +1,50 @@
+interface BanksiConfig {
+    /** Banksi instance URL */
+    baseUrl: string;
+    /** Merchant store slug (optional if apiKey is set) */
+    merchantSlug?: string;
+    /** API key from banksi.io dashboard (bks_xxx) */
+    apiKey?: string;
+}
+interface PaymentResult {
+    paymentId: string;
+    address: string;
+    amountExpected: string;
+    tokenSymbol: string;
+    chainName: string;
+    expiresAt: string;
+}
+interface PaymentStatus {
+    id: string;
+    status: 'PENDING' | 'CONFIRMING' | 'CONFIRMED' | 'SWEPT' | 'EXPIRED' | 'FAILED';
+    txHash: string | null;
+    amountReceived: string | null;
+    paidAt: string | null;
+}
+interface Chain {
+    id: string;
+    name: string;
+    tokens: {
+        id: string;
+        symbol: string;
+        name: string;
+    }[];
+}
+declare class BanksiClient {
+    private baseUrl;
+    private merchantSlug?;
+    private apiKey?;
+    constructor(config?: Partial<BanksiConfig>);
+    private headers;
+    listChains(): Promise<Chain[]>;
+    createPayment(opts: {
+        chainId: string;
+        tokenId: string;
+        amount: number;
+        merchantSlug?: string;
+    }): Promise<PaymentResult>;
+    verifyPayment(paymentId: string): Promise<PaymentStatus>;
+    isPaymentConfirmed(paymentId: string): Promise<boolean>;
+}
+
+export { type BanksiConfig as B, type Chain as C, type PaymentResult as P, BanksiClient as a, type PaymentStatus as b };

package/dist/express.d.mts

@@ -0,0 +1,27 @@
+import { B as BanksiConfig } from './client-jLNKFIPq.mjs';
+export { a as BanksiClient } from './client-jLNKFIPq.mjs';
+
+type Request = {
+    headers: Record<string, string | string[] | undefined>;
+};
+type Response = {
+    status(code: number): Response;
+    json(body: unknown): void;
+};
+type NextFunction = () => void;
+interface PaywallConfig extends Partial<BanksiConfig> {
+    amount: number;
+    description?: string;
+}
+/**
+ * Express paywall middleware.
+ *
+ * Usage:
+ * ```ts
+ * import { createBanksiPaywall } from 'banksi/express';
+ * app.use('/api/premium', createBanksiPaywall({ amount: 0.10 }));
+ * ```
+ */
+declare function createBanksiPaywall(config: PaywallConfig): (req: Request, res: Response, next: NextFunction) => Promise<void>;
+
+export { createBanksiPaywall };

package/dist/express.d.ts

@@ -0,0 +1,27 @@
+import { B as BanksiConfig } from './client-jLNKFIPq.js';
+export { a as BanksiClient } from './client-jLNKFIPq.js';
+
+type Request = {
+    headers: Record<string, string | string[] | undefined>;
+};
+type Response = {
+    status(code: number): Response;
+    json(body: unknown): void;
+};
+type NextFunction = () => void;
+interface PaywallConfig extends Partial<BanksiConfig> {
+    amount: number;
+    description?: string;
+}
+/**
+ * Express paywall middleware.
+ *
+ * Usage:
+ * ```ts
+ * import { createBanksiPaywall } from 'banksi/express';
+ * app.use('/api/premium', createBanksiPaywall({ amount: 0.10 }));
+ * ```
+ */
+declare function createBanksiPaywall(config: PaywallConfig): (req: Request, res: Response, next: NextFunction) => Promise<void>;
+
+export { createBanksiPaywall };

package/dist/express.js

@@ -0,0 +1,129 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/express.ts
+var express_exports = {};
+__export(express_exports, {
+  BanksiClient: () => BanksiClient,
+  createBanksiPaywall: () => createBanksiPaywall
+});
+module.exports = __toCommonJS(express_exports);
+
+// src/client.ts
+function getConfig(override) {
+  return {
+    baseUrl: override?.baseUrl || process.env.BANKSI_URL || "https://banksi.io",
+    merchantSlug: override?.merchantSlug || process.env.BANKSI_MERCHANT_SLUG || void 0,
+    apiKey: override?.apiKey || process.env.BANKSI_API_KEY || void 0
+  };
+}
+var BanksiClient = class {
+  constructor(config) {
+    const c = getConfig(config);
+    this.baseUrl = c.baseUrl.replace(/\/$/, "");
+    this.merchantSlug = c.merchantSlug;
+    this.apiKey = c.apiKey;
+  }
+  headers() {
+    const h = { "Content-Type": "application/json" };
+    if (this.apiKey) h["Authorization"] = `Bearer ${this.apiKey}`;
+    return h;
+  }
+  async listChains() {
+    const res = await fetch(`${this.baseUrl}/api/chains`);
+    if (!res.ok) throw new Error(`Banksi API error: ${res.status}`);
+    const data = await res.json();
+    return data.chains;
+  }
+  async createPayment(opts) {
+    const body = {
+      chainId: opts.chainId,
+      tokenId: opts.tokenId,
+      amount: opts.amount
+    };
+    if (!this.apiKey) {
+      body.merchantSlug = opts.merchantSlug || this.merchantSlug;
+    }
+    const res = await fetch(`${this.baseUrl}/api/x402/pay`, {
+      method: "POST",
+      headers: this.headers(),
+      body: JSON.stringify(body)
+    });
+    if (!res.ok) {
+      const data = await res.json().catch(() => ({}));
+      throw new Error(data.error || `Banksi API error: ${res.status}`);
+    }
+    return res.json();
+  }
+  async verifyPayment(paymentId) {
+    const res = await fetch(`${this.baseUrl}/api/payments/${paymentId}/status`, {
+      headers: this.headers()
+    });
+    if (!res.ok) throw new Error(`Banksi API error: ${res.status}`);
+    return res.json();
+  }
+  async isPaymentConfirmed(paymentId) {
+    const status = await this.verifyPayment(paymentId);
+    return ["CONFIRMED", "SWEPT"].includes(status.status);
+  }
+};
+
+// src/express.ts
+function createBanksiPaywall(config) {
+  const client = new BanksiClient(config);
+  return async function paywall(req, res, next) {
+    const paymentId = req.headers["x-payment"];
+    if (paymentId) {
+      try {
+        const confirmed = await client.isPaymentConfirmed(paymentId);
+        if (confirmed) return next();
+      } catch {
+      }
+    }
+    const chains = await client.listChains();
+    const banksiUrl = config.baseUrl || process.env.BANKSI_URL || "http://localhost:3001";
+    const merchantSlug = config.merchantSlug || process.env.BANKSI_MERCHANT_SLUG || "";
+    res.status(402).json({
+      status: 402,
+      paymentRequired: {
+        scheme: "x402",
+        description: config.description || "Payment required.",
+        merchant: merchantSlug,
+        amount: config.amount,
+        currency: "USD",
+        chains: chains.map((c) => ({
+          id: c.id,
+          name: c.name,
+          tokens: c.tokens.map((t) => ({ id: t.id, symbol: t.symbol }))
+        })),
+        payUrl: `${banksiUrl}/api/x402/pay`,
+        howToPay: [
+          `POST ${banksiUrl}/api/x402/pay with { "merchantSlug": "${merchantSlug}", "chainId": "<chain>", "tokenId": "<token>", "amount": ${config.amount} }`,
+          "Send the stablecoin to the returned address.",
+          "Retry with header: X-Payment: <paymentId>"
+        ]
+      }
+    });
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BanksiClient,
+  createBanksiPaywall
+});

package/dist/express.mjs

@@ -0,0 +1,46 @@
+import {
+  BanksiClient
+} from "./chunk-7MKH6B3K.mjs";
+
+// src/express.ts
+function createBanksiPaywall(config) {
+  const client = new BanksiClient(config);
+  return async function paywall(req, res, next) {
+    const paymentId = req.headers["x-payment"];
+    if (paymentId) {
+      try {
+        const confirmed = await client.isPaymentConfirmed(paymentId);
+        if (confirmed) return next();
+      } catch {
+      }
+    }
+    const chains = await client.listChains();
+    const banksiUrl = config.baseUrl || process.env.BANKSI_URL || "http://localhost:3001";
+    const merchantSlug = config.merchantSlug || process.env.BANKSI_MERCHANT_SLUG || "";
+    res.status(402).json({
+      status: 402,
+      paymentRequired: {
+        scheme: "x402",
+        description: config.description || "Payment required.",
+        merchant: merchantSlug,
+        amount: config.amount,
+        currency: "USD",
+        chains: chains.map((c) => ({
+          id: c.id,
+          name: c.name,
+          tokens: c.tokens.map((t) => ({ id: t.id, symbol: t.symbol }))
+        })),
+        payUrl: `${banksiUrl}/api/x402/pay`,
+        howToPay: [
+          `POST ${banksiUrl}/api/x402/pay with { "merchantSlug": "${merchantSlug}", "chainId": "<chain>", "tokenId": "<token>", "amount": ${config.amount} }`,
+          "Send the stablecoin to the returned address.",
+          "Retry with header: X-Payment: <paymentId>"
+        ]
+      }
+    });
+  };
+}
+export {
+  BanksiClient,
+  createBanksiPaywall
+};

package/dist/index.d.mts

@@ -0,0 +1,2 @@
+export { a as BanksiClient, B as BanksiConfig, C as Chain, P as PaymentResult, b as PaymentStatus } from './client-jLNKFIPq.mjs';
+export { createBanksiPaywall } from './next.mjs';

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { a as BanksiClient, B as BanksiConfig, C as Chain, P as PaymentResult, b as PaymentStatus } from './client-jLNKFIPq.js';
+export { createBanksiPaywall } from './next.js';

package/dist/index.js

@@ -0,0 +1,132 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  BanksiClient: () => BanksiClient,
+  createBanksiPaywall: () => createBanksiPaywall
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/client.ts
+function getConfig(override) {
+  return {
+    baseUrl: override?.baseUrl || process.env.BANKSI_URL || "https://banksi.io",
+    merchantSlug: override?.merchantSlug || process.env.BANKSI_MERCHANT_SLUG || void 0,
+    apiKey: override?.apiKey || process.env.BANKSI_API_KEY || void 0
+  };
+}
+var BanksiClient = class {
+  constructor(config) {
+    const c = getConfig(config);
+    this.baseUrl = c.baseUrl.replace(/\/$/, "");
+    this.merchantSlug = c.merchantSlug;
+    this.apiKey = c.apiKey;
+  }
+  headers() {
+    const h = { "Content-Type": "application/json" };
+    if (this.apiKey) h["Authorization"] = `Bearer ${this.apiKey}`;
+    return h;
+  }
+  async listChains() {
+    const res = await fetch(`${this.baseUrl}/api/chains`);
+    if (!res.ok) throw new Error(`Banksi API error: ${res.status}`);
+    const data = await res.json();
+    return data.chains;
+  }
+  async createPayment(opts) {
+    const body = {
+      chainId: opts.chainId,
+      tokenId: opts.tokenId,
+      amount: opts.amount
+    };
+    if (!this.apiKey) {
+      body.merchantSlug = opts.merchantSlug || this.merchantSlug;
+    }
+    const res = await fetch(`${this.baseUrl}/api/x402/pay`, {
+      method: "POST",
+      headers: this.headers(),
+      body: JSON.stringify(body)
+    });
+    if (!res.ok) {
+      const data = await res.json().catch(() => ({}));
+      throw new Error(data.error || `Banksi API error: ${res.status}`);
+    }
+    return res.json();
+  }
+  async verifyPayment(paymentId) {
+    const res = await fetch(`${this.baseUrl}/api/payments/${paymentId}/status`, {
+      headers: this.headers()
+    });
+    if (!res.ok) throw new Error(`Banksi API error: ${res.status}`);
+    return res.json();
+  }
+  async isPaymentConfirmed(paymentId) {
+    const status = await this.verifyPayment(paymentId);
+    return ["CONFIRMED", "SWEPT"].includes(status.status);
+  }
+};
+
+// src/next.ts
+function createBanksiPaywall(config) {
+  const client = new BanksiClient(config);
+  return async function paywall(request) {
+    const paymentId = request.headers.get("X-Payment");
+    if (paymentId) {
+      try {
+        const confirmed = await client.isPaymentConfirmed(paymentId);
+        if (confirmed) return null;
+      } catch {
+      }
+    }
+    const chains = await client.listChains();
+    const banksiUrl = config.baseUrl || process.env.BANKSI_URL || "http://localhost:3001";
+    const merchantSlug = config.merchantSlug || process.env.BANKSI_MERCHANT_SLUG || "";
+    return Response.json(
+      {
+        status: 402,
+        paymentRequired: {
+          scheme: "x402",
+          description: config.description || "Payment required.",
+          merchant: merchantSlug,
+          amount: config.amount,
+          currency: "USD",
+          chains: chains.map((c) => ({
+            id: c.id,
+            name: c.name,
+            tokens: c.tokens.map((t) => ({ id: t.id, symbol: t.symbol }))
+          })),
+          payUrl: `${banksiUrl}/api/x402/pay`,
+          howToPay: [
+            `POST ${banksiUrl}/api/x402/pay with { "merchantSlug": "${merchantSlug}", "chainId": "<chain>", "tokenId": "<token>", "amount": ${config.amount} }`,
+            "Send the stablecoin to the returned address.",
+            "Retry with header: X-Payment: <paymentId>"
+          ]
+        }
+      },
+      { status: 402 }
+    );
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BanksiClient,
+  createBanksiPaywall
+});

package/dist/index.mjs

@@ -0,0 +1,10 @@
+import {
+  createBanksiPaywall
+} from "./chunk-QHCD73JW.mjs";
+import {
+  BanksiClient
+} from "./chunk-7MKH6B3K.mjs";
+export {
+  BanksiClient,
+  createBanksiPaywall
+};

package/dist/next.d.mts

@@ -0,0 +1,25 @@
+import { B as BanksiConfig } from './client-jLNKFIPq.mjs';
+export { a as BanksiClient } from './client-jLNKFIPq.mjs';
+
+interface PaywallConfig extends Partial<BanksiConfig> {
+    amount: number;
+    description?: string;
+}
+/**
+ * Next.js App Router paywall middleware.
+ *
+ * Usage in a route handler:
+ * ```ts
+ * import { createBanksiPaywall } from 'banksi/next';
+ * const paywall = createBanksiPaywall({ amount: 0.10, description: 'Premium API' });
+ *
+ * export async function GET(request: NextRequest) {
+ *   const blocked = await paywall(request);
+ *   if (blocked) return blocked;
+ *   return NextResponse.json({ data: 'premium content' });
+ * }
+ * ```
+ */
+declare function createBanksiPaywall(config: PaywallConfig): (request: Request) => Promise<Response | null>;
+
+export { createBanksiPaywall };

package/dist/next.d.ts

@@ -0,0 +1,25 @@
+import { B as BanksiConfig } from './client-jLNKFIPq.js';
+export { a as BanksiClient } from './client-jLNKFIPq.js';
+
+interface PaywallConfig extends Partial<BanksiConfig> {
+    amount: number;
+    description?: string;
+}
+/**
+ * Next.js App Router paywall middleware.
+ *
+ * Usage in a route handler:
+ * ```ts
+ * import { createBanksiPaywall } from 'banksi/next';
+ * const paywall = createBanksiPaywall({ amount: 0.10, description: 'Premium API' });
+ *
+ * export async function GET(request: NextRequest) {
+ *   const blocked = await paywall(request);
+ *   if (blocked) return blocked;
+ *   return NextResponse.json({ data: 'premium content' });
+ * }
+ * ```
+ */
+declare function createBanksiPaywall(config: PaywallConfig): (request: Request) => Promise<Response | null>;
+
+export { createBanksiPaywall };

package/dist/next.js

@@ -0,0 +1,132 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/next.ts
+var next_exports = {};
+__export(next_exports, {
+  BanksiClient: () => BanksiClient,
+  createBanksiPaywall: () => createBanksiPaywall
+});
+module.exports = __toCommonJS(next_exports);
+
+// src/client.ts
+function getConfig(override) {
+  return {
+    baseUrl: override?.baseUrl || process.env.BANKSI_URL || "https://banksi.io",
+    merchantSlug: override?.merchantSlug || process.env.BANKSI_MERCHANT_SLUG || void 0,
+    apiKey: override?.apiKey || process.env.BANKSI_API_KEY || void 0
+  };
+}
+var BanksiClient = class {
+  constructor(config) {
+    const c = getConfig(config);
+    this.baseUrl = c.baseUrl.replace(/\/$/, "");
+    this.merchantSlug = c.merchantSlug;
+    this.apiKey = c.apiKey;
+  }
+  headers() {
+    const h = { "Content-Type": "application/json" };
+    if (this.apiKey) h["Authorization"] = `Bearer ${this.apiKey}`;
+    return h;
+  }
+  async listChains() {
+    const res = await fetch(`${this.baseUrl}/api/chains`);
+    if (!res.ok) throw new Error(`Banksi API error: ${res.status}`);
+    const data = await res.json();
+    return data.chains;
+  }
+  async createPayment(opts) {
+    const body = {
+      chainId: opts.chainId,
+      tokenId: opts.tokenId,
+      amount: opts.amount
+    };
+    if (!this.apiKey) {
+      body.merchantSlug = opts.merchantSlug || this.merchantSlug;
+    }
+    const res = await fetch(`${this.baseUrl}/api/x402/pay`, {
+      method: "POST",
+      headers: this.headers(),
+      body: JSON.stringify(body)
+    });
+    if (!res.ok) {
+      const data = await res.json().catch(() => ({}));
+      throw new Error(data.error || `Banksi API error: ${res.status}`);
+    }
+    return res.json();
+  }
+  async verifyPayment(paymentId) {
+    const res = await fetch(`${this.baseUrl}/api/payments/${paymentId}/status`, {
+      headers: this.headers()
+    });
+    if (!res.ok) throw new Error(`Banksi API error: ${res.status}`);
+    return res.json();
+  }
+  async isPaymentConfirmed(paymentId) {
+    const status = await this.verifyPayment(paymentId);
+    return ["CONFIRMED", "SWEPT"].includes(status.status);
+  }
+};
+
+// src/next.ts
+function createBanksiPaywall(config) {
+  const client = new BanksiClient(config);
+  return async function paywall(request) {
+    const paymentId = request.headers.get("X-Payment");
+    if (paymentId) {
+      try {
+        const confirmed = await client.isPaymentConfirmed(paymentId);
+        if (confirmed) return null;
+      } catch {
+      }
+    }
+    const chains = await client.listChains();
+    const banksiUrl = config.baseUrl || process.env.BANKSI_URL || "http://localhost:3001";
+    const merchantSlug = config.merchantSlug || process.env.BANKSI_MERCHANT_SLUG || "";
+    return Response.json(
+      {
+        status: 402,
+        paymentRequired: {
+          scheme: "x402",
+          description: config.description || "Payment required.",
+          merchant: merchantSlug,
+          amount: config.amount,
+          currency: "USD",
+          chains: chains.map((c) => ({
+            id: c.id,
+            name: c.name,
+            tokens: c.tokens.map((t) => ({ id: t.id, symbol: t.symbol }))
+          })),
+          payUrl: `${banksiUrl}/api/x402/pay`,
+          howToPay: [
+            `POST ${banksiUrl}/api/x402/pay with { "merchantSlug": "${merchantSlug}", "chainId": "<chain>", "tokenId": "<token>", "amount": ${config.amount} }`,
+            "Send the stablecoin to the returned address.",
+            "Retry with header: X-Payment: <paymentId>"
+          ]
+        }
+      },
+      { status: 402 }
+    );
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BanksiClient,
+  createBanksiPaywall
+});

package/dist/next.mjs

@@ -0,0 +1,10 @@
+import {
+  createBanksiPaywall
+} from "./chunk-QHCD73JW.mjs";
+import {
+  BanksiClient
+} from "./chunk-7MKH6B3K.mjs";
+export {
+  BanksiClient,
+  createBanksiPaywall
+};

package/dist/react.d.mts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { B as BanksiConfig, P as PaymentResult } from './client-jLNKFIPq.mjs';
+export { a as BanksiClient } from './client-jLNKFIPq.mjs';
+
+interface BanksiPayButtonProps extends Partial<BanksiConfig> {
+    amount: number;
+    chainId?: string;
+    tokenId?: string;
+    onPaymentCreated?: (payment: PaymentResult) => void;
+    onPaymentConfirmed?: (paymentId: string) => void;
+    children?: React.ReactNode;
+    className?: string;
+}
+declare function BanksiPayButton({ amount, chainId, tokenId, onPaymentCreated, onPaymentConfirmed, children, className, ...config }: BanksiPayButtonProps): react_jsx_runtime.JSX.Element;
+
+export { BanksiPayButton };

package/dist/react.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { B as BanksiConfig, P as PaymentResult } from './client-jLNKFIPq.js';
+export { a as BanksiClient } from './client-jLNKFIPq.js';
+
+interface BanksiPayButtonProps extends Partial<BanksiConfig> {
+    amount: number;
+    chainId?: string;
+    tokenId?: string;
+    onPaymentCreated?: (payment: PaymentResult) => void;
+    onPaymentConfirmed?: (paymentId: string) => void;
+    children?: React.ReactNode;
+    className?: string;
+}
+declare function BanksiPayButton({ amount, chainId, tokenId, onPaymentCreated, onPaymentConfirmed, children, className, ...config }: BanksiPayButtonProps): react_jsx_runtime.JSX.Element;
+
+export { BanksiPayButton };

package/dist/react.js

@@ -0,0 +1,213 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/react.tsx
+var react_exports = {};
+__export(react_exports, {
+  BanksiClient: () => BanksiClient,
+  BanksiPayButton: () => BanksiPayButton
+});
+module.exports = __toCommonJS(react_exports);
+var import_react = require("react");
+
+// src/client.ts
+function getConfig(override) {
+  return {
+    baseUrl: override?.baseUrl || process.env.BANKSI_URL || "https://banksi.io",
+    merchantSlug: override?.merchantSlug || process.env.BANKSI_MERCHANT_SLUG || void 0,
+    apiKey: override?.apiKey || process.env.BANKSI_API_KEY || void 0
+  };
+}
+var BanksiClient = class {
+  constructor(config) {
+    const c = getConfig(config);
+    this.baseUrl = c.baseUrl.replace(/\/$/, "");
+    this.merchantSlug = c.merchantSlug;
+    this.apiKey = c.apiKey;
+  }
+  headers() {
+    const h = { "Content-Type": "application/json" };
+    if (this.apiKey) h["Authorization"] = `Bearer ${this.apiKey}`;
+    return h;
+  }
+  async listChains() {
+    const res = await fetch(`${this.baseUrl}/api/chains`);
+    if (!res.ok) throw new Error(`Banksi API error: ${res.status}`);
+    const data = await res.json();
+    return data.chains;
+  }
+  async createPayment(opts) {
+    const body = {
+      chainId: opts.chainId,
+      tokenId: opts.tokenId,
+      amount: opts.amount
+    };
+    if (!this.apiKey) {
+      body.merchantSlug = opts.merchantSlug || this.merchantSlug;
+    }
+    const res = await fetch(`${this.baseUrl}/api/x402/pay`, {
+      method: "POST",
+      headers: this.headers(),
+      body: JSON.stringify(body)
+    });
+    if (!res.ok) {
+      const data = await res.json().catch(() => ({}));
+      throw new Error(data.error || `Banksi API error: ${res.status}`);
+    }
+    return res.json();
+  }
+  async verifyPayment(paymentId) {
+    const res = await fetch(`${this.baseUrl}/api/payments/${paymentId}/status`, {
+      headers: this.headers()
+    });
+    if (!res.ok) throw new Error(`Banksi API error: ${res.status}`);
+    return res.json();
+  }
+  async isPaymentConfirmed(paymentId) {
+    const status = await this.verifyPayment(paymentId);
+    return ["CONFIRMED", "SWEPT"].includes(status.status);
+  }
+};
+
+// src/react.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function BanksiPayButton({
+  amount,
+  chainId,
+  tokenId,
+  onPaymentCreated,
+  onPaymentConfirmed,
+  children,
+  className,
+  ...config
+}) {
+  const [client] = (0, import_react.useState)(() => new BanksiClient(config));
+  const [chains, setChains] = (0, import_react.useState)([]);
+  const [step, setStep] = (0, import_react.useState)("idle");
+  const [selectedChain, setSelectedChain] = (0, import_react.useState)(chainId || "");
+  const [selectedToken, setSelectedToken] = (0, import_react.useState)(tokenId || "");
+  const [payment, setPayment] = (0, import_react.useState)(null);
+  const [error, setError] = (0, import_react.useState)("");
+  const [copied, setCopied] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    if (step === "select" && chains.length === 0) {
+      client.listChains().then(setChains).catch(() => setError("Failed to load chains"));
+    }
+  }, [step, chains.length, client]);
+  (0, import_react.useEffect)(() => {
+    if (!payment || step !== "paying") return;
+    const iv = setInterval(async () => {
+      try {
+        const confirmed = await client.isPaymentConfirmed(payment.paymentId);
+        if (confirmed) {
+          setStep("done");
+          onPaymentConfirmed?.(payment.paymentId);
+          clearInterval(iv);
+        }
+      } catch {
+      }
+    }, 5e3);
+    return () => clearInterval(iv);
+  }, [payment, step, client, onPaymentConfirmed]);
+  const handlePay = (0, import_react.useCallback)(async () => {
+    if (!selectedChain || !selectedToken) return;
+    setError("");
+    try {
+      const result = await client.createPayment({ chainId: selectedChain, tokenId: selectedToken, amount });
+      setPayment(result);
+      setStep("paying");
+      onPaymentCreated?.(result);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Payment failed");
+    }
+  }, [client, selectedChain, selectedToken, amount, onPaymentCreated]);
+  const handleCopy = (0, import_react.useCallback)(async () => {
+    if (!payment) return;
+    await navigator.clipboard.writeText(payment.address);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  }, [payment]);
+  if (step === "idle") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { onClick: () => chainId && tokenId ? handlePay() : setStep("select"), className: className || "rounded-lg bg-indigo-600 px-4 py-2 text-sm font-medium text-white hover:bg-indigo-700", children: children || `Pay $${amount.toFixed(2)}` });
+  }
+  const selectedChainData = chains.find((c) => c.id === selectedChain);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "w-full max-w-sm rounded-xl border border-gray-200 bg-white p-5 shadow-lg space-y-4", children: [
+    error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-red-600", children: error }),
+    step === "select" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-medium text-gray-700", children: "Select network & token" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-wrap gap-2", children: chains.map((c) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          onClick: () => {
+            setSelectedChain(c.id);
+            setSelectedToken("");
+          },
+          className: `rounded-lg border px-3 py-1.5 text-xs font-medium ${selectedChain === c.id ? "border-indigo-500 bg-indigo-50 text-indigo-700" : "border-gray-200 text-gray-600"}`,
+          children: c.name
+        },
+        c.id
+      )) }),
+      selectedChainData && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex gap-2", children: selectedChainData.tokens.map((tk) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          onClick: () => setSelectedToken(tk.id),
+          className: `rounded-lg border px-3 py-1.5 text-xs font-medium ${selectedToken === tk.id ? "border-indigo-500 bg-indigo-50 text-indigo-700" : "border-gray-200 text-gray-600"}`,
+          children: tk.symbol
+        },
+        tk.id
+      )) }),
+      selectedToken && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { onClick: handlePay, className: "w-full rounded-lg bg-indigo-600 py-2 text-sm font-medium text-white hover:bg-indigo-700", children: [
+        "Pay $",
+        amount.toFixed(2)
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { onClick: () => setStep("idle"), className: "text-xs text-gray-400 hover:text-gray-600", children: "Cancel" })
+    ] }),
+    step === "paying" && payment && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-gray-500", children: "Send exactly" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-lg font-bold text-gray-900", children: [
+        payment.amountExpected,
+        " ",
+        payment.tokenSymbol
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-xs text-gray-500", children: [
+        "on ",
+        payment.chainName
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { onClick: handleCopy, className: "w-full rounded-lg bg-gray-50 border border-gray-200 px-3 py-2.5 font-mono text-xs text-gray-800 break-all text-left hover:bg-gray-100", children: payment.address }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-center text-gray-400", children: copied ? "Copied!" : "Tap to copy" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 text-xs text-gray-500", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "relative flex h-2 w-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "absolute h-full w-full animate-ping rounded-full bg-amber-400 opacity-75" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "relative h-2 w-2 rounded-full bg-amber-400" })
+        ] }),
+        "Waiting for payment..."
+      ] })
+    ] }),
+    step === "done" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-center py-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-green-100 mb-3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: "h-6 w-6 text-green-600", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2.5, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-semibold text-green-700", children: "Payment Confirmed" })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BanksiClient,
+  BanksiPayButton
+});

package/dist/react.mjs

@@ -0,0 +1,130 @@
+"use client";
+import {
+  BanksiClient
+} from "./chunk-7MKH6B3K.mjs";
+
+// src/react.tsx
+import { useState, useEffect, useCallback } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function BanksiPayButton({
+  amount,
+  chainId,
+  tokenId,
+  onPaymentCreated,
+  onPaymentConfirmed,
+  children,
+  className,
+  ...config
+}) {
+  const [client] = useState(() => new BanksiClient(config));
+  const [chains, setChains] = useState([]);
+  const [step, setStep] = useState("idle");
+  const [selectedChain, setSelectedChain] = useState(chainId || "");
+  const [selectedToken, setSelectedToken] = useState(tokenId || "");
+  const [payment, setPayment] = useState(null);
+  const [error, setError] = useState("");
+  const [copied, setCopied] = useState(false);
+  useEffect(() => {
+    if (step === "select" && chains.length === 0) {
+      client.listChains().then(setChains).catch(() => setError("Failed to load chains"));
+    }
+  }, [step, chains.length, client]);
+  useEffect(() => {
+    if (!payment || step !== "paying") return;
+    const iv = setInterval(async () => {
+      try {
+        const confirmed = await client.isPaymentConfirmed(payment.paymentId);
+        if (confirmed) {
+          setStep("done");
+          onPaymentConfirmed?.(payment.paymentId);
+          clearInterval(iv);
+        }
+      } catch {
+      }
+    }, 5e3);
+    return () => clearInterval(iv);
+  }, [payment, step, client, onPaymentConfirmed]);
+  const handlePay = useCallback(async () => {
+    if (!selectedChain || !selectedToken) return;
+    setError("");
+    try {
+      const result = await client.createPayment({ chainId: selectedChain, tokenId: selectedToken, amount });
+      setPayment(result);
+      setStep("paying");
+      onPaymentCreated?.(result);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Payment failed");
+    }
+  }, [client, selectedChain, selectedToken, amount, onPaymentCreated]);
+  const handleCopy = useCallback(async () => {
+    if (!payment) return;
+    await navigator.clipboard.writeText(payment.address);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  }, [payment]);
+  if (step === "idle") {
+    return /* @__PURE__ */ jsx("button", { onClick: () => chainId && tokenId ? handlePay() : setStep("select"), className: className || "rounded-lg bg-indigo-600 px-4 py-2 text-sm font-medium text-white hover:bg-indigo-700", children: children || `Pay $${amount.toFixed(2)}` });
+  }
+  const selectedChainData = chains.find((c) => c.id === selectedChain);
+  return /* @__PURE__ */ jsxs("div", { className: "w-full max-w-sm rounded-xl border border-gray-200 bg-white p-5 shadow-lg space-y-4", children: [
+    error && /* @__PURE__ */ jsx("p", { className: "text-sm text-red-600", children: error }),
+    step === "select" && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-700", children: "Select network & token" }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: chains.map((c) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => {
+            setSelectedChain(c.id);
+            setSelectedToken("");
+          },
+          className: `rounded-lg border px-3 py-1.5 text-xs font-medium ${selectedChain === c.id ? "border-indigo-500 bg-indigo-50 text-indigo-700" : "border-gray-200 text-gray-600"}`,
+          children: c.name
+        },
+        c.id
+      )) }),
+      selectedChainData && /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: selectedChainData.tokens.map((tk) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => setSelectedToken(tk.id),
+          className: `rounded-lg border px-3 py-1.5 text-xs font-medium ${selectedToken === tk.id ? "border-indigo-500 bg-indigo-50 text-indigo-700" : "border-gray-200 text-gray-600"}`,
+          children: tk.symbol
+        },
+        tk.id
+      )) }),
+      selectedToken && /* @__PURE__ */ jsxs("button", { onClick: handlePay, className: "w-full rounded-lg bg-indigo-600 py-2 text-sm font-medium text-white hover:bg-indigo-700", children: [
+        "Pay $",
+        amount.toFixed(2)
+      ] }),
+      /* @__PURE__ */ jsx("button", { onClick: () => setStep("idle"), className: "text-xs text-gray-400 hover:text-gray-600", children: "Cancel" })
+    ] }),
+    step === "paying" && payment && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500", children: "Send exactly" }),
+      /* @__PURE__ */ jsxs("p", { className: "text-lg font-bold text-gray-900", children: [
+        payment.amountExpected,
+        " ",
+        payment.tokenSymbol
+      ] }),
+      /* @__PURE__ */ jsxs("p", { className: "text-xs text-gray-500", children: [
+        "on ",
+        payment.chainName
+      ] }),
+      /* @__PURE__ */ jsx("button", { onClick: handleCopy, className: "w-full rounded-lg bg-gray-50 border border-gray-200 px-3 py-2.5 font-mono text-xs text-gray-800 break-all text-left hover:bg-gray-100", children: payment.address }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-center text-gray-400", children: copied ? "Copied!" : "Tap to copy" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-gray-500", children: [
+        /* @__PURE__ */ jsxs("span", { className: "relative flex h-2 w-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "absolute h-full w-full animate-ping rounded-full bg-amber-400 opacity-75" }),
+          /* @__PURE__ */ jsx("span", { className: "relative h-2 w-2 rounded-full bg-amber-400" })
+        ] }),
+        "Waiting for payment..."
+      ] })
+    ] }),
+    step === "done" && /* @__PURE__ */ jsxs("div", { className: "text-center py-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-green-100 mb-3", children: /* @__PURE__ */ jsx("svg", { className: "h-6 w-6 text-green-600", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) }) }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-green-700", children: "Payment Confirmed" })
+    ] })
+  ] });
+}
+export {
+  BanksiClient,
+  BanksiPayButton
+};

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "banksi",
+  "version": "0.1.0",
+  "description": "Crypto payment module for vibe coders. Add USDT/USDC payments to any app in one prompt.",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./next": {
+      "types": "./dist/next.d.ts",
+      "import": "./dist/next.mjs",
+      "require": "./dist/next.js"
+    },
+    "./express": {
+      "types": "./dist/express.d.ts",
+      "import": "./dist/express.mjs",
+      "require": "./dist/express.js"
+    },
+    "./react": {
+      "types": "./dist/react.d.ts",
+      "import": "./dist/react.mjs",
+      "require": "./dist/react.js"
+    }
+  },
+  "files": ["dist", "README.md"],
+  "scripts": {
+    "build": "tsup",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": ["crypto", "payments", "usdt", "usdc", "x402", "stablecoin", "mcp", "vibe-coding"],
+  "license": "MIT",
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "peerDependenciesMeta": {
+    "react": { "optional": true },
+    "react-dom": { "optional": true }
+  },
+  "devDependencies": {
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0",
+    "@types/react": "^19.0.0"
+  }
+}