cd your-project-folder

ionic cordova plugin add cordova-plugin-payabbhi --save

cordova plugin add cordova-plugin-payabbhi --save

phonegap plugin add cordova-plugin-payabbhi --save

declare module "*";

declare var PayabbhiCheckout: any;

let payabbhiOptions = {
  access_id: "<ACCESS_ID>",
  order_id: "<ORDER_ID>", //order_id is a unique identifier of the Order created using Payabbhi Order API
  amount: 100, //100 paisa = Rs 1
  name: "Merchant Name",
  prefill: {
    name: "Bruce Wayne",
    email: "bruce@wayneinc.com",
    contact: "999999999999"
  },
  notes: {
    merchant_order_id: "ordRefNo123456"
  }
};

var successCallback = function(response) {
  /**
   * Add your logic here for processing the Payment response on successful payment
   * It is expected that you would pass the Payment response
   * to your Server-side code (eg. Mobile Backend) for further processing
   */
};

var errorCallback = function(error) {
  /**
   * Add your logic here to handle scenarios where the Checkout did not result in a successful Payment
   */
  alert(error.message + "(" + error.code + ")");
};

PayabbhiCheckout.open(payabbhiOptions, successCallback, errorCallback);

PayabbhiCheckout.open(
  this.payabbhiOptions,
  this.successCallback,
  this.errorCallback
);

curl https://payabbhi.com/api/v1/orders \
  -u access_id:secret_key \
  -d amount=5000 \
  -d merchant_order_id=ordRefNo123456 \
  -d currency=INR

var successCallback = function(response) {
  response.payment_id;
  response.order_id;
  response.payment_signature;
  /**
   * Add your logic here for processing the Payment response on successful payment
   * It is expected that you would pass the Payment response
   * to your Server-side code (eg. Mobile Backend) for further processing
   */
};

successCallback(response) {
  console.log(response.payment_id);
  console.log(response.order_id);
  console.log(response.payment_signature);
  /**
   * Add your logic here for processing the Payment response on successful payment
   * It is expected that you would pass the Payment response
   * to your Server-side code (eg. Mobile Backend) for further processing
   */
}

var errorCallback = function(error) {
  if (PayabbhiCheckout.PAYMENT_CANCELED == error.code) {
    // Handle scenario when payment is canceled
  }
};

errorCallback(error) {
  console.log(error.code);
  if (PayabbhiCheckout.PAYMENT_CANCELED == error.code) {
    // Handle scenario when payment is canceled
  }
}

ionic cordova platform rm ios
ionic cordova platform add ios

<meta
  http-equiv="Content-Security-Policy"
  content="default-src 'self' https://*.payabbhi.com https://payabbhi.com data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *"
/>

// Register an event listener in the `resume` event
document.addEventListener('resume', onResume, false);
var onResume = function(event) {
                  // Pass the event, payment success and error callbacks to PayabbhiCheckout
                  PayabbhiCheckout.onResume(event, successCallback, errorCallback);
              };