📲 react-native-pickmywork_pg_sdk

A simple and lightweight UPI Payment Gateway SDK for React Native apps — easily integrate UPI-based payments via Google Pay, PhonePe, Paytm, and BHIM using a modal UI or a custom trigger.

✨ Features

• ✅ Trigger UPI apps directly from your React Native app
• ✅ Modal UI with app selection
• ✅ Custom UPI ID support
• ✅ Fallback to default logo
• ✅ Lightweight and easy-to-use

📦 Installation

npm install react-native-pickmywork_pg_sdk
# or
yarn add react-native-pickmywork_pg_sdk

🚀 Usage

✅ 1. With Modal UI

import React from 'react';
import { View, Button } from 'react-native';
import PaymentGateway from "react-native-pickmywork_pg_sdk";

export default function App() {

  return (
    <View style={{ padding: 20 }}>
      <PaymentGateway
          userData={{
            companyName: "PickMyWork",
            logoUrl: "https://s3.ap-south-1.amazonaws.com/pmw.assets.public/pmw_images/pmw_logo_512.jpg"
          }}
          upiDetail={{upi:"xyzabs@upi", pg_order_id:"asdf238984"}}
          amount={billAmount}
          other={{}}   // for pass other data and receive on paymentReturnResponse
          isPaymentInitate={true}
          isStaging={true}  //new for dummy response
          paymentResponse={this.paymentReturnResponse}
        />
    </View>
  );
  paymentReturnResponse = ({status}) => {
      
    ### hare your code
  }
}

Required Keys

• isPaymentInitate - this is key to enable MyPaymentGateway
• upiDetail = {upi,pg_order_id}

react-native-pickmywork_pg_sdk/ ├── upiPayment.js # Modal component logic ├── upiService.js # Non-UI logic to launch UPI apps ├── index.js # Main entry point (exports both) ├── assets/ │ └── img/ │ ├── gpay.png │ ├── phonepay.png │ ├── paytm.png │ ├── bhim.jpg │ └── upi_default.png

---

## 🧠 Notes

- This SDK works only on Android.
- Make sure UPI apps are installed on the device.
- Use correct UPI ID format (`example@bankname`).

---

## 📄 License

MIT © 2025 [PickMyWork]