📱 PhonePe PG SDK @dev_innovations_labs/phonepe-pg-sdk

🖼️ Screenshots

🌐 Web Checkout

📱 React Native Checkout

🚀 Features

• 🔐 OAuth Token Generation (Checkout v2)
• 💳 Initiate Payments (Web, Mobile, UPI, Cards)
• 🔄 WebView Support for React Native
• 🧪 Status Check API
• 🌍 Sandbox & Production Environments
• 🎯 TypeScript Fully Supported
• 🧩 Multi-platform Unified SDK
• 🧵 Auto-environment normalization

📦 Installation

npm install @dev_innovations_labs/phonepe-pg-sdk

⚙️ Environments

Input Interpreted As

production, prod Production sandbox, SANDBOX Sandbox

📚 Usage

🟦 1. Node.js Example

import { PhonePeNode } from "@dev_innovations_labs/phonepe-pg-sdk";

const phonepe = new PhonePeNode({
  clientId: "YOUR_CLIENT_ID",
  clientSecret: "YOUR_SECRET",
  environment: "production"
});

const res = await phonepe.createPayment({
  merchantId: "M123",
  merchantOrderId: "uuid-123",
  amount: 10000,
  redirectUrl: "https://yourapp.com/redirect",
  callbackUrl: "https://yourapp.com/callback"
});

console.log(res.redirectUrl);

🌐 2. React Web Example

import { PhonePeCheckoutWeb } from "@dev_innovations_labs/phonepe-pg-sdk";

export default function Checkout({ redirectUrl }) {
  return (
    <PhonePeCheckoutWeb
      redirectUrl={redirectUrl}
      onSuccess={(d) => console.log("Success", d)}
      onError={(e) => console.log("Error", e)}
    />
  );
}

📱 3. React Native Example

import { PhonePeCheckoutNative } from "@dev_innovations_labs/phonepe-pg-sdk/native";

export default function App({ redirectUrl }) {
  return (
    <PhonePeCheckoutNative
      redirectUrl={redirectUrl}
      onSuccess={(data) => console.log("Success", data)}
      onError={(e) => console.log("Error", e)}
    />
  );
}

📡 Status API

const status = await phonepe.checkStatus("uuid-1234");
console.log(status);

📘 API Table

API Platform Description

createPayment() Node/Web/RN Initiates PhonePe Checkout v2 checkStatus() Node Checks transaction status PhonePeCheckoutWeb React Web In-App iFrame Checkout PhonePeCheckoutNative React Native Mobile WebView Checkout normalizeEnvironment() Internal Normalizes env strings

🧩 Folder Structure

src/
  index.ts
  native.ts
  PhonePeNode.ts
  PhonePeReact.tsx
  PhonePeReactNative.tsx
  utils.ts
  types.ts
dist/

🏗 Roadmap

• [ ] Add PhonePe payouts API
• [ ] Add checksum support for PG v1
• [ ] Add UI components for receipts
• [ ] Add webhooks helpers

👨‍💻 Contributors

Name Role

Dev Innovations Labs Lead Developer Open Source Community Coming Soon

📝 Changelog

v1.0.4

✔ Safe Web + RN redirectUrl-only flow ✔ Fixed CORS issues ✔ Removed frontend secrets ✔ Added stable TypeScript typings ✔ Updated build + exports ✔ React 19–ready

📄 License

MIT © Dev Innovations Labs