fleek-pay-plugin v1.5.9

fleek-pay-plugin

// Import the package
import UseFleekPay from "fleek-pay-plugin";

// Send these three values from your webapp if you have SKU ID.
const options = {
    clientID: "YOUR_KEY_ID", // Enter Client Key ID
    clientSecret: "YOUR_SECRET_KEY", // Enter Client Secret Key
    skuID: "YOUR_SKU_ID", // Enter SKU ID
    phoneNo: "YOUR_PHONE_NUMBER", // Enter Phone Number (optional)
    userName: "USER_NAME", // Enter User Name (optional)
    userEmail: "USER_EMAIL_ID", // Enter User Email ID (optional)
    vendorOrderDetails: {} // Enter Vendor Order Details (optional)
  };

  OR

  // Send these three values from your webapp if you have SKU Details.
const options = {
    clientID: "YOUR_KEY_ID", // Enter Client Key ID
    clientSecret: "YOUR_SECRET_KEY", // Enter Client Secret Key
    phoneNo: "YOUR_PHONE_NUMBER", // Enter Phone Number (optional)
    userName: "USER_NAME", // Enter User Name (optional)
    userEmail: "USER_EMAIL_ID", // Enter User Email ID (optional)
    vendorOrderDetails: {} // Enter Vendor Order Details (optional)
    skuDetails: {
      add_on_amount: 0, // Enter add-on ammount
      duration: 1, // Enter duration
      duration_type: "M", // Enter duration type
      name: "", //  Enter plan name
      amount: 550, // Enter amount
      product_image: "" // Enter image url
    }

  };

const childRef = useRef(null);

// Call this method to open payment modal
const handlePaymentModal = () => {
  childRef.current.openPaymentModal(options);
};

// Add this in your render to open the Fleek payment plugin in your webapp.
<UseFleekPay options={options} ref={childRef} />