💳 PaymentForm (Shift4 React Payment Component)

PaymentForm is a React component built to accept secure card payments using Shift4.
It is SPA-friendly and handles payment results via callback functions instead of forced redirects.

✨ Features

• 🔐 Secure card tokenization (Shift4)
• 🛡️ 3D Secure support
• ⚡ Callback-based success & error handling
• 🎨 Fully customizable UI
• 📦 Library-ready component
• 🚀 Works with React Router / Next.js

📦 Installation

npm i logix-payment-shift4

import PaymentForm from "logix-payment-shift4";

<PaymentForm
  amount={1000}
  currency="USD"
  color="#0d6efd"
  baseUrl="https://api.example.com/payment/"
  userId="user-123"
  description="Premium subscription"

  successPage={(message) => {
    console.log("Payment successful:", message);
  }}

  errorPage={(error) => {
    console.error("Payment failed:", error);
  }}
/>