@directcryptopay/sdk 0.2.4 → 0.3.0

package/dist/dcp.d.ts

@@ -2,19 +2,26 @@ import { type DCPInitConfig } from './core/config';
 import type { DCPPayOptions, DCPPaymentOptions } from './types';
 export declare class DCP {
     private static instance;
+    private cleanup;
     private constructor();
     static getInstance(): DCP;
+    /**
+     * Initialize the SDK. Must be called before pay() or Payment().
+     */
     init(initConfig: DCPInitConfig): void;
     /**
-     * Pay using a Payment Tool (toolId).
-     * Requires DCP.init() first.
+     * Open a checkout iframe for a Payment Tool (link, button, donation, etc.).
+     * The checkout page handles wallet connection, token selection, and payment.
      */
     pay(options: DCPPayOptions): void;
     /**
-     * Pay using a pre-configured Integration.
-     * Supports optional currency/chainId — when omitted, shows a token selector.
-     * Requires DCP.init() first (for WalletConnect projectId).
+     * Open a checkout iframe for an Integration with dynamic amount.
+     * Use this for programmatic payments where amount is determined at runtime.
      */
     Payment(options: DCPPaymentOptions): void;
+    /**
+     * Programmatically close the checkout iframe.
+     */
+    close(): void;
 }
 export declare const dcp: DCP;

package/dist/index.d.ts

@@ -1,3 +1,3 @@
 export { dcp as DCP } from './dcp';
 export type { DCPInitConfig } from './core/config';
-export type { DCPPayOptions, DCPPaymentOptions, PaymentCallbacks, PaymentStatus, IntegrationConfig, } from './types';
+export type { DCPPayOptions, DCPPaymentOptions, PaymentCallbacks } from './types';

package/dist/index.js

@@ -1,4 +1,221 @@
-import { fx as r } from "./index-DeL88Lwc.js";
+var z = Object.defineProperty;
+var D = (p, e, d) => e in p ? z(p, e, { enumerable: !0, configurable: !0, writable: !0, value: d }) : p[e] = d;
+var g = (p, e, d) => D(p, typeof e != "symbol" ? e + "" : e, d);
+class P {
+  constructor() {
+    g(this, "config", null);
+  }
+  init(e) {
+    this.config = {
+      checkoutUrl: (e.checkoutUrl || "https://directcryptopay.com").replace(/\/$/, "")
+    };
+  }
+  get() {
+    if (!this.config)
+      throw new Error("DirectCryptoPay: SDK not initialized. Call DCP.init() first");
+    return this.config;
+  }
+  isInitialized() {
+    return this.config !== null;
+  }
+}
+const y = new P();
+function a(p, e) {
+  let d = !1;
+  const i = document.createElement("div");
+  i.id = "dcp-checkout-overlay", Object.assign(i.style, {
+    position: "fixed",
+    inset: "0",
+    zIndex: "99999",
+    background: "rgba(0, 0, 0, 0.6)",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  });
+  const h = document.createElement("div");
+  Object.assign(h.style, {
+    background: "white",
+    borderRadius: "16px",
+    overflow: "hidden",
+    width: "100%",
+    maxWidth: "440px",
+    maxHeight: "90vh",
+    boxShadow: "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
+    position: "relative"
+  });
+  const t = document.createElement("button");
+  t.innerHTML = "×", Object.assign(t.style, {
+    position: "absolute",
+    top: "8px",
+    right: "8px",
+    zIndex: "10",
+    background: "rgba(255, 255, 255, 0.9)",
+    border: "none",
+    borderRadius: "50%",
+    width: "32px",
+    height: "32px",
+    fontSize: "20px",
+    lineHeight: "32px",
+    textAlign: "center",
+    cursor: "pointer",
+    color: "#6b7280",
+    boxShadow: "0 2px 4px rgba(0,0,0,0.1)"
+  });
+  const u = document.createElement("iframe");
+  u.src = p, Object.assign(u.style, {
+    width: "100%",
+    height: "600px",
+    border: "none",
+    display: "block"
+  }), h.appendChild(t), h.appendChild(u), i.appendChild(h);
+  const n = () => {
+    d || (d = !0, window.removeEventListener("message", w), window.removeEventListener("keydown", r), i.parentNode && i.parentNode.removeChild(i));
+  };
+  t.onclick = () => {
+    var s;
+    n(), (s = e == null ? void 0 : e.onClose) == null || s.call(e);
+  }, i.addEventListener("click", (s) => {
+    var o;
+    s.target === i && (n(), (o = e == null ? void 0 : e.onClose) == null || o.call(e));
+  });
+  const r = (s) => {
+    var o;
+    s.key === "Escape" && (n(), (o = e == null ? void 0 : e.onClose) == null || o.call(e));
+  };
+  window.addEventListener("keydown", r);
+  const w = (s) => {
+    var x, C, S, E, I, v;
+    const o = s.data;
+    if (!(!o || typeof o.type != "string") && o.type.startsWith("dcp:"))
+      switch (o.type) {
+        case "dcp:ready":
+          (x = e == null ? void 0 : e.onReady) == null || x.call(e);
+          break;
+        case "dcp:payment-submitted":
+          (C = e == null ? void 0 : e.onTxSubmitted) == null || C.call(e, o.txHash);
+          break;
+        case "dcp:payment-success":
+          (S = e == null ? void 0 : e.onSuccess) == null || S.call(e, { txHash: o.txHash, intentId: o.intentId });
+          break;
+        case "dcp:payment-error":
+          (E = e == null ? void 0 : e.onError) == null || E.call(e, o.error);
+          break;
+        case "dcp:payment-cancelled":
+          (I = e == null ? void 0 : e.onCancel) == null || I.call(e), n();
+          break;
+        case "dcp:close":
+          (v = e == null ? void 0 : e.onClose) == null || v.call(e), n();
+          break;
+      }
+  };
+  return window.addEventListener("message", w), document.body.appendChild(i), n;
+}
+const m = class m {
+  constructor() {
+    g(this, "cleanup", null);
+  }
+  static getInstance() {
+    return m.instance || (m.instance = new m()), m.instance;
+  }
+  /**
+   * Initialize the SDK. Must be called before pay() or Payment().
+   */
+  init(e) {
+    if (y.isInitialized()) {
+      console.warn("DirectCryptoPay: SDK already initialized");
+      return;
+    }
+    y.init(e);
+  }
+  /**
+   * Open a checkout iframe for a Payment Tool (link, button, donation, etc.).
+   * The checkout page handles wallet connection, token selection, and payment.
+   */
+  pay(e) {
+    var u;
+    if (!y.isInitialized())
+      throw new Error("DirectCryptoPay: SDK not initialized. Call DCP.init() first");
+    const { checkoutUrl: d } = y.get(), i = new URLSearchParams({ embedded: "true" });
+    e.amountUsd && i.set("amount", String(e.amountUsd));
+    const h = `${d}/pay/${e.toolId}?${i.toString()}`, t = e.callbacks;
+    (u = this.cleanup) == null || u.call(this), this.cleanup = a(h, {
+      onReady: () => {
+        var n;
+        return (n = t == null ? void 0 : t.onOpen) == null ? void 0 : n.call(t);
+      },
+      onTxSubmitted: (n) => {
+        var r;
+        return (r = t == null ? void 0 : t.onTxSubmitted) == null ? void 0 : r.call(t, n);
+      },
+      onSuccess: (n) => {
+        var r;
+        return (r = t == null ? void 0 : t.onSuccess) == null ? void 0 : r.call(t, n);
+      },
+      onError: (n) => {
+        var r;
+        return (r = t == null ? void 0 : t.onError) == null ? void 0 : r.call(t, new Error(n));
+      },
+      onClose: () => {
+        var n;
+        this.cleanup = null, (n = t == null ? void 0 : t.onClose) == null || n.call(t);
+      },
+      onCancel: () => {
+        var n;
+        this.cleanup = null, (n = t == null ? void 0 : t.onCancel) == null || n.call(t);
+      }
+    });
+  }
+  /**
+   * Open a checkout iframe for an Integration with dynamic amount.
+   * Use this for programmatic payments where amount is determined at runtime.
+   */
+  Payment(e) {
+    var u;
+    if (!y.isInitialized())
+      throw new Error("DirectCryptoPay: SDK not initialized. Call DCP.init() first");
+    if (!e.integrationId)
+      throw new Error("DirectCryptoPay: integrationId is required");
+    const { checkoutUrl: d } = y.get(), i = new URLSearchParams({ embedded: "true" });
+    i.set("integrationId", e.integrationId), e.amount_usd && i.set("amount_usd", e.amount_usd), e.amount != null && i.set("amount", String(e.amount)), e.currency && i.set("currency", e.currency), e.chainId && i.set("chainId", String(e.chainId)), e.metadata && i.set("metadata", JSON.stringify(e.metadata));
+    const h = `${d}/pay/checkout?${i.toString()}`, t = e.callbacks;
+    (u = this.cleanup) == null || u.call(this), this.cleanup = a(h, {
+      onReady: () => {
+        var n;
+        return (n = t == null ? void 0 : t.onOpen) == null ? void 0 : n.call(t);
+      },
+      onTxSubmitted: (n) => {
+        var r;
+        return (r = t == null ? void 0 : t.onTxSubmitted) == null ? void 0 : r.call(t, n);
+      },
+      onSuccess: (n) => {
+        var r;
+        return (r = t == null ? void 0 : t.onSuccess) == null ? void 0 : r.call(t, n);
+      },
+      onError: (n) => {
+        var r;
+        return (r = t == null ? void 0 : t.onError) == null ? void 0 : r.call(t, new Error(n));
+      },
+      onClose: () => {
+        var n;
+        this.cleanup = null, (n = t == null ? void 0 : t.onClose) == null || n.call(t);
+      },
+      onCancel: () => {
+        var n;
+        this.cleanup = null, (n = t == null ? void 0 : t.onCancel) == null || n.call(t);
+      }
+    });
+  }
+  /**
+   * Programmatically close the checkout iframe.
+   */
+  close() {
+    var e;
+    (e = this.cleanup) == null || e.call(this), this.cleanup = null;
+  }
+};
+g(m, "instance");
+let f = m;
+const U = f.getInstance();
 export {
-  r as DCP
+  U as DCP
 };

package/dist/types.d.ts

@@ -1,188 +1,50 @@
-import type { Address, Hash } from 'viem';
 /**
- * Payment intent from the API
+ * Callbacks for payment lifecycle events.
  */
-export interface PaymentIntent {
-    id: string;
-    chain_id: number;
-    recipient: Address;
-    amount_wei: string;
-    currency: string;
-    expires_at: string;
-    signature: string;
-    status: 'CREATED' | 'PENDING' | 'PAID' | 'FAILED' | 'EXPIRED' | 'LATE_CONFIRMED';
-    metadata?: Record<string, any>;
-    asset_type?: 'native' | 'erc20';
-    token_address?: Address;
-    token_decimals?: number;
-    nonce?: string;
-}
-/**
- * Gas estimation result
- */
-export interface GasEstimate {
-    gasLimit: bigint;
-    maxFeePerGas: bigint;
-    maxPriorityFeePerGas: bigint;
-    totalCostWei: bigint;
-    percentageOfPayment: number;
-    exceedsThreshold: boolean;
-}
-/**
- * Payment status update
- */
-export type PaymentStatus = {
-    type: 'fetching_tool_data';
-} | {
-    type: 'fetching_token_balances';
-} | {
-    type: 'awaiting_token_selection';
-} | {
-    type: 'creating_payment_intent';
-} | {
-    type: 'estimating_gas';
-} | {
-    type: 'gas_estimated';
-    estimate: GasEstimate;
-} | {
-    type: 'awaiting_wallet_connection';
-} | {
-    type: 'wallet_connected';
-    address: Address;
-} | {
-    type: 'awaiting_signature';
-} | {
-    type: 'transaction_submitted';
-    txHash: Hash;
-} | {
-    type: 'confirming';
-    txHash: Hash;
-    confirmations: number;
-} | {
-    type: 'verifying';
-    txHash: Hash;
-    paymentId: string;
-} | {
-    type: 'confirmed';
-    txHash: Hash;
-    paymentId?: string;
-} | {
-    type: 'failed';
-    error: Error;
-} | {
-    type: 'rejected';
-} | {
-    type: 'cancelled';
-};
-export interface TokenConfig {
-    symbol: string;
-    name: string;
-    address: string | null;
-    decimals: number;
-    isNative: boolean;
-}
-export interface TokenWithBalance extends TokenConfig {
-    balance: string;
-    balanceFormatted: string;
-    hasBalance: boolean;
-}
-export interface ToolData {
-    id: string;
-    amount: string;
-    currency_id: string;
-    chain_id: number;
-    recipient_address: string;
-    available_tokens: TokenConfig[];
-    metadata: {
-        name: string;
-        type: string;
-    };
-}
-export interface BackendIntentResponse {
-    id: string;
-    amount: string;
-    currency: string;
-    chainId: number;
-    tokenAddress: Address;
-    merchantAddress: Address;
-    expiresAt: string;
-    signature: string;
-    nonce: string;
-}
 export interface PaymentCallbacks {
+    /** Fired when the checkout iframe opens. */
     onOpen?: () => void;
+    /** Fired when the checkout iframe is closed (by user or programmatically). */
     onClose?: () => void;
-    onStatus?: (status: PaymentStatus) => void;
-    onTxSubmitted?: (txHash: Hash) => void;
-    onSuccess?: (receipt: any) => void;
+    /** Fired when the transaction hash is available (TX sent, not yet confirmed). */
+    onTxSubmitted?: (txHash: string) => void;
+    /** Fired when the payment is confirmed on-chain. */
+    onSuccess?: (data: {
+        txHash: string;
+        intentId?: string;
+    }) => void;
+    /** Fired when the user explicitly cancels the payment. */
     onCancel?: () => void;
+    /** Fired on payment error. */
     onError?: (error: Error) => void;
 }
+/**
+ * Options for DCP.pay() — tool-based payments (payment links, buttons, etc.)
+ */
 export interface DCPPayOptions {
+    /** The payment tool ID (from the dashboard). */
     toolId: string;
+    /** Optional amount override in USD. */
     amountUsd?: number;
-    token?: string;
-    chainId?: number;
-    metadata?: Record<string, string>;
+    /** Payment lifecycle callbacks. */
     callbacks?: PaymentCallbacks;
 }
 /**
- * Options for DCP.Payment() — integration-based payments
+ * Options for DCP.Payment() — integration-based payments with dynamic amounts.
  */
 export interface DCPPaymentOptions {
+    /** The integration public ID. */
     integrationId: string;
+    /** Amount in USD (mutually exclusive with `amount`). */
     amount_usd?: string;
+    /** Amount in token units (mutually exclusive with `amount_usd`). */
     amount?: string | number;
+    /** Token symbol (e.g., 'USDC'). When omitted, user picks from available tokens. */
     currency?: string;
+    /** Chain ID override. */
     chainId?: number;
+    /** Arbitrary metadata passed to the backend. */
     metadata?: Record<string, any>;
+    /** Payment lifecycle callbacks. */
     callbacks?: PaymentCallbacks;
 }
-/**
- * Integration config returned from GET /public/integrations/:id
- */
-export interface IntegrationConfig {
-    publicId: string;
-    name: string;
-    allowChains: number[];
-    allowTokens: string[];
-    autoConversion: boolean;
-    preferredToken: string | null;
-    chains: Record<number, {
-        name: string;
-        tokens: TokenConfig[];
-    }>;
-}
-/**
- * Intent response from POST /public/integrations/:id/intent
- */
-export interface IntegrationIntentResponse {
-    id?: string;
-    intent_id?: string;
-    chain_id: number;
-    recipient: Address;
-    amount_wei: string;
-    currency: string;
-    expires_at?: string;
-    signature?: string;
-    status?: string;
-    asset_type?: 'native' | 'erc20';
-    token_address?: Address;
-    token_decimals?: number;
-    metadata?: Record<string, any>;
-}
-/**
- * Discriminated union for modal mode
- */
-export type ModalMode = {
-    type: 'tool';
-    toolId: string;
-} | {
-    type: 'integration';
-    integrationId: string;
-    amount_usd?: string;
-    amount?: string | number;
-    currency?: string;
-    chainId?: number;
-    metadata?: Record<string, any>;
-};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@directcryptopay/sdk",
-  "version": "0.2.4",
+  "version": "0.3.0",
   "description": "Official SDK for DirectCryptoPay — accept crypto payments directly to your wallet. Non-custodial, multi-chain, developer-first.",
   "type": "module",
   "main": "./dist/dcp-sdk.umd.js",
@@ -8,9 +8,9 @@
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
-      "require": "./dist/dcp-sdk.umd.js",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/dcp-sdk.umd.js"
     }
   },
   "files": [
@@ -53,17 +53,7 @@
     "typecheck": "tsc --noEmit",
     "prepublishOnly": "npm run build"
   },
-  "dependencies": {
-    "@reown/appkit": "1.8.14",
-    "@reown/appkit-adapter-wagmi": "1.8.14",
-    "@tanstack/react-query": "^5.62.0",
-    "@wagmi/core": "^2.22.1",
-    "preact": "^10.25.0",
-    "viem": "^2.40.3",
-    "wagmi": "^2.19.5"
-  },
   "devDependencies": {
-    "@preact/preset-vite": "^2.9.2",
     "typescript": "^5.7.2",
     "vite": "^6.0.0"
   }