spree_razorpay_checkout 0.0.5 → 0.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e1951bcb23b0a2a7f766cd926211440f923b40e50d976e72677893e0332de40d
-  data.tar.gz: bc343c46c13893807e544e168ae9f8899fba0de37b691092402d5e03b096d7e7
+  metadata.gz: a4d76121b7886a9c83e9b776340876ba0e95576521dbe2e7cf3b29702a6be65a
+  data.tar.gz: 8c4cc0283ec0333f52a296ed0c71c81c5d95f8efb2bd38c54a66613abe0d3869
 SHA512:
-  metadata.gz: e990f2c51d6cca246939f0ea33af1c44f2949631c013cf2b738d1cf445e19f7605475580c25e9262c1aab1fb5fc639a7a33d1295bd5b18fe5eb308d5c9387ac6
-  data.tar.gz: 7d6706c9ca2afea782a7ffd60bb6441e38ca6fc79f885eff2730f95d52734540515dccc22a46b5074ef7eb261f49034f4831b794bc050b38977ffffe037933d8
+  metadata.gz: b2566259b590a119fa88ff3b58e50ebe875b8bfa66b0fadcf2bde579ced610e3e249d77567211295f3d5f1a13e152e5bd4b52a4c75abe0cef306be0ced7df11b
+  data.tar.gz: d407724116949e1c8c78d534269ab1fc8c9022b489eca2a554ca640951e1a2bdc318db49b529fd85bcad849ef1f55070e5c5a62fcc8ef376257ccf7592c22607

data/app/assets/images/payment_icons/razorpay.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-payu"><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2z"/><style>.st0{opacity:7.000000e-02;enable-background:new}.st1{fill:#fff}</style><path class="st0" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3"/><path class="st1" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2z"/><path class="st0" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3"/><path class="st1" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2z"/><g transform="matrix(.85 0 0 .85 4.5 1.8)"><path id="Fill-17" style="fill-rule:evenodd;clip-rule:evenodd;fill:#3395ff" d="m16.2 9-.9 3 4.8-3-3 11.6h3.1l4.6-17.2z"/><path id="Fill-19" d="m11.1 15.7-1.4 4.9h6.5l2.6-10z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#072654"/></g></svg>

data/app/assets/javascripts/spree/frontend/process_razorpay.js

@@ -0,0 +1,40 @@
+//= require spree/frontend
+
+var RAZOR_PAY_OPTIONS = '#razor-pay-options'
+var RAZOR_PAY_BUTTON = '#razorpay-button'
+
+Spree.ready(function ($) {
+
+  let razor_pay = $(RAZOR_PAY_BUTTON)
+
+  var options = {
+      "key": $(RAZOR_PAY_OPTIONS).data('razor-pay-key'),
+      "amount": $(RAZOR_PAY_OPTIONS).data('razor-pay-amount'),
+      "currency": $(RAZOR_PAY_OPTIONS).data('razor-pay-currency'),
+      "name": $(RAZOR_PAY_OPTIONS).data('razor-pay-name'),
+      "description": $(RAZOR_PAY_OPTIONS).data('razor-pay-description'),
+      "callback_url": $(RAZOR_PAY_OPTIONS).data('razor-pay-callback-url'),
+      "redirect": $(RAZOR_PAY_OPTIONS).data('razor-pay-redirect'),
+      "order_id": $(RAZOR_PAY_OPTIONS).data('razor-pay-order-id'),
+      "prefill": {
+          "name": $(RAZOR_PAY_OPTIONS).data('razor-pay-prefill-name'),
+          "email": $(RAZOR_PAY_OPTIONS).data('razor-pay-prefill-email'),
+          "contact": $(RAZOR_PAY_OPTIONS).data('razor-pay-prefill-contact')
+      },
+      "notes": {
+          "address": $(RAZOR_PAY_OPTIONS).data('razor-pay-notes-address')
+      },
+      "theme": {
+        "color": $(RAZOR_PAY_OPTIONS).data('razor-pay-theme-color')
+      }
+  };
+
+  if ( razor_pay.length > 0 ) {
+    var rzp1 = new Razorpay(options);
+  }
+
+  $( RAZOR_PAY_BUTTON ).on( "click", function(e) {
+    rzp1.open();
+    e.preventDefault();
+  });
+})

data/app/assets/javascripts/spree/frontend/spree_razorpay.js

@@ -0,0 +1,33 @@
+//= require spree/frontend
+
+
+var paymentMethodID = $("#payment-method-container").data("payment-method-id");
+SpreeRazorpayCheckout = {
+  updateSaveAndContinueVisibility: function() {
+    if (this.isButtonHidden()) {
+      $(this).trigger('hideSaveAndContinue')
+    } else {
+      $(this).trigger('showSaveAndContinue')
+    }
+  },
+  isButtonHidden: function () {
+    paymentMethod = this.checkedPaymentMethod();
+    return (!$('#use_existing_card_yes:checked').length && paymentMethodID && paymentMethod.val() == paymentMethodID);
+  },
+  checkedPaymentMethod: function() {
+    return $('div[data-hook="checkout_payment_step"] input[type="radio"][name="order[payments_attributes][][payment_method_id]"]:checked');
+  },
+  hideSaveAndContinue: function() {
+    $("#checkout_form_payment [data-hook=buttons]").hide();
+  },
+  showSaveAndContinue: function() {
+    $("#checkout_form_payment [data-hook=buttons]").show();
+  }
+}
+
+$(document).ready(function() {
+  SpreeRazorpayCheckout.updateSaveAndContinueVisibility();
+  paymentMethods = $('div[data-hook="checkout_payment_step"] input[type="radio"]').click(function (e) {
+    SpreeRazorpayCheckout.updateSaveAndContinueVisibility();
+  });
+})

data/app/controllers/concerns/spree/razor_pay.rb

@@ -0,0 +1,18 @@
+module Spree
+  module RazorPay
+    extend ActiveSupport::Concern
+
+    def update_razorpay_checkout
+      razorpay_checkout = Spree::RazorpayCheckout.find_or_initialize_by(order_id: order.try(:id))
+      razorpay_checkout.update_columns(update_razorpay_response)
+    end
+
+    def update_razorpay_response
+      {
+        razorpay_payment_id: params['razorpay_payment_id'],
+        razorpay_order_id: params['razorpay_order_id'],
+        razorpay_signature: params['razorpay_signature']
+      }
+    end
+  end
+end

data/app/controllers/spree/razorpay_controller.rb

@@ -0,0 +1,105 @@
+module Spree
+  class RazorpayController < StoreController
+    skip_before_action :verify_authenticity_token
+
+    include Spree::RazorPay
+
+    #Step 1: Create Razorpay Order before payment
+    def create_order
+      razorpay_order_id = ::Razorpay::RpOrder::Api.new.create(params[:order_id])
+
+      if razorpay_order_id.present?
+        render json: { success: true, razorpay_order_id: razorpay_order_id }
+      else
+        render json: { success: false, error: "Failed to create Razorpay order" }, status: :unprocessable_entity
+      end
+    end
+
+    #Step 2: Razorpay callback after payment
+    def razor_response
+      if valid_signature? && razorpay_payment_id.present?
+        begin
+          gateway.verify_and_capture_razorpay_payment(order, razorpay_payment_id)
+
+          #Update the record created during create_order
+          checkout_record = Spree::RazorpayCheckout.find_by(
+            order_id: order.id,
+            razorpay_order_id: params[:razorpay_order_id]
+          )
+
+          if checkout_record
+            checkout_record.update!(
+              razorpay_payment_id: razorpay_payment_id,
+              razorpay_signature: params[:razorpay_signature],
+              status: razorpay_payment.status,
+              payment_method: razorpay_payment.method,
+              card_id: razorpay_payment.card_id,
+              bank: razorpay_payment.bank,
+              wallet: razorpay_payment.wallet,
+              vpa: razorpay_payment.vpa,
+              email: razorpay_payment.email,
+              contact: razorpay_payment.contact
+            )
+          else
+            Rails.logger.warn("RazorpayCheckout record not found for order #{order.id}")
+          end
+
+          # Add payment to Spree order
+          order.razor_payment(razorpay_payment, payment_method, params[:razorpay_signature])
+          order.next
+
+          flash['order_completed'] = true if order.completed?
+          redirect_to checkout_state_path_or_completion and return
+        rescue StandardError => e
+          Rails.logger.error("Razorpay Error: #{e.message}")
+          flash[:error] = "Razorpay Error: #{e.message}"
+        end
+      else
+        flash[:error] = 'Razorpay payment verification failed'
+      end
+
+      redirect_to checkout_state_path(order.state)
+    end
+
+    private
+
+    def razorpay_payment_id
+      params[:razorpay_payment_id]
+    end
+
+    def razorpay_payment
+      @razorpay_payment ||= Razorpay::Payment.fetch(razorpay_payment_id)
+    end
+
+    def valid_signature?
+      Razorpay::Utility.verify_payment_signature(
+        razorpay_order_id: params[:razorpay_order_id],
+        razorpay_payment_id: params[:razorpay_payment_id],
+        razorpay_signature: params[:razorpay_signature]
+      )
+    rescue Razorpay::Error => e
+      Rails.logger.error("Razorpay signature verification failed: #{e.message}")
+      false
+    end
+
+    def order
+      @order ||= Spree::Order.find_by(number: params[:order_id])
+    end
+
+    def payment_method
+      @payment_method ||= Spree::PaymentMethod.find(params[:payment_method_id])
+    end
+
+    def gateway
+      @gateway ||= payment_method
+    end
+
+    def checkout_state_path_or_completion
+      order.completed? ? completion_route : checkout_state_path(order.state)
+    end
+
+    def completion_route
+      order_path(order)
+    end
+  end
+end

data/app/models/spree/gateway/razorpay_gateway.rb

@@ -0,0 +1,120 @@
+require 'razorpay'
+
+module Spree
+  class Gateway::RazorpayGateway < Gateway
+    preference :key_id, :string
+    preference :key_secret, :string
+    preference :test_key_id, :string
+    preference :test_key_secret, :string
+    preference :test_mode, :boolean, default: false
+    preference :merchant_name, :string, default: 'Razorpay'
+    preference :merchant_description, :text, default: 'Razorpay Payment Gateway'
+    preference :merchant_address, :string, default: 'Razorpay, Bangalore, India'
+    preference :theme_color, :string, default: '#F37254'
+
+    def supports?(_source)
+      true
+    end
+
+    def source_required?
+      false
+    end
+
+    def payment_source_class
+      nil
+    end
+
+    def payment_icon_name
+      'razorpay'
+    end
+
+    def description_partial_name
+      'razorpay'
+    end
+
+    def configuration_guide_partial_name
+      'razorpay'
+    end
+
+    def provider_class
+      self
+    end
+
+    def provider
+      Razorpay.setup(current_key_id, current_key_secret)
+    end
+
+    def current_key_id
+      preferred_test_mode ? preferred_test_key_id : preferred_key_id
+    end
+
+    def current_key_secret
+      preferred_test_mode ? preferred_test_key_secret : preferred_key_secret
+    end
+
+    def auto_capture?
+      true
+    end
+
+    def method_type
+      'razorpay'
+    end
+
+    def request_type
+      'DEFAULT'
+    end
+
+    def actions
+      %w[capture void]
+    end
+
+    def can_capture?(payment)
+      %w[checkout pending].include?(payment.state)
+    end
+
+    def can_void?(payment)
+      payment.state != 'void'
+    end
+
+    def purchase(_amount, _transaction_details, _gateway_options = {})
+      ActiveMerchant::Billing::Response.new(true, 'Razorpay success')
+    end
+
+    def capture(*)
+      simulated_successful_billing_response
+    end
+
+    def void(*)
+      simulated_successful_billing_response
+    end
+
+    def credit(_credit_cents, _payment_id, _options)
+      ActiveMerchant::Billing::Response.new(true, 'Refund successful')
+    end
+
+    def verify_and_capture_razorpay_payment(order, razorpay_payment_id)
+      Razorpay.setup(current_key_id, current_key_secret)
+
+      begin
+        payment = Razorpay::Payment.fetch(razorpay_payment_id)
+
+        unless payment.status == 'authorized'
+          raise Spree::Core::GatewayError, 'Payment not authorized'
+        end
+
+        # Capture only if you're not using auto-capture (your setting says auto_capture = true)
+        payment.capture(amount: (order.total * 100).to_i)
+        payment
+
+      rescue Razorpay::Error => e
+        raise Spree::Core::GatewayError, "Razorpay error: #{e.message}"
+      end
+    end
+
+    private
+
+    def simulated_successful_billing_response
+      ActiveMerchant::Billing::Response.new(true, '', {}, {})
+    end
+  end
+end

data/app/models/spree/razorpay_checkout.rb

@@ -0,0 +1,4 @@
+module Spree
+  class RazorpayCheckout < ActiveRecord::Base
+  end
+end

data/app/models/spree_razorpay_checkout/configuration.rb

@@ -0,0 +1,13 @@
+module SpreeRazorpayCheckout
+  class Configuration < ::Spree::Preferences::Configuration
+
+   # Some example preferences are shown below, for more information visit:
+   # https://dev-docs.spreecommerce.org/internals/preferences
+
+   preference :enabled, :boolean, default: true
+   # preference :dark_chocolate, :boolean, default: true
+   # preference :color, :string, default: 'Red'
+   # preference :favorite_number, :integer
+   # preference :supported_locales, :array, default: [:en]
+  end
+end

data/app/models/spree_razorpay_checkout/spree/order_decorator.rb

@@ -0,0 +1,33 @@
+module SpreeRazorpayCheckout
+  module Spree
+    module OrderDecorator
+      def inr_amt_in_paise
+        (total.to_f * 100).to_i
+      end
+
+      def razor_payment(payment_object, payment_method, razorpay_signature)
+        payments.create!(
+          source: ::Spree::RazorpayCheckout.create!(
+            order_id: id,
+            razorpay_payment_id: payment_object.id,
+            razorpay_order_id: payment_object.order_id,
+            razorpay_signature: razorpay_signature,
+            status: payment_object.status,
+            payment_method: payment_object.method,
+            card_id: payment_object.card_id,
+            bank: payment_object.bank,
+            wallet: payment_object.wallet,
+            vpa: payment_object.vpa,
+            email: payment_object.email,
+            contact: payment_object.contact
+          ),
+          payment_method: payment_method,
+          amount: total,
+          response_code: payment_object.status
+        )
+      end
+
+      ::Spree::Order.prepend SpreeRazorpayCheckout::Spree::OrderDecorator
+    end
+  end
+end

data/app/models/spree_razorpay_checkout/spree/refund_decorator.rb

@@ -0,0 +1,36 @@
+module SpreeRazorpayCheckout
+  module Spree
+    module RefundDecorator
+      def process!(credit_cents)
+  response = if payment.payment_method.payment_profiles_supported?
+               payment.payment_method.credit(
+                 credit_cents,
+                 payment.source,
+                 payment.transaction_id,
+                 originator: self
+               )
+             else
+               razorpay_payment_id = payment.source&.razorpay_payment_id || payment.transaction_id
+               payment.payment_method.credit(
+                 credit_cents,
+                 razorpay_payment_id,
+                 originator: self
+               )
+             end
+
+  unless response.success?
+    Rails.logger.error(Spree.t(:gateway_error) + "  #{response.to_yaml}")
+    text = response.params['message'] || response.params['response_reason_text'] || response.message
+    raise Core::GatewayError, text
+  end
+
+  response
+rescue ActiveMerchant::ConnectionError => e
+  Rails.logger.error(Spree.t(:gateway_error) + "  #{e.inspect}")
+  raise Core::GatewayError, Spree.t(:unable_to_connect_to_gateway)
+end
+
+      ::Spree::Refund.prepend SpreeRazorpayCheckout::Spree::RefundDecorator
+    end
+  end
+end

data/app/services/razorpay/base.rb

@@ -0,0 +1,17 @@
+module Razorpay
+  class Base
+    def initialize
+      setup_razorpay
+    end
+
+    private
+
+    def find_payment_gateway
+      Spree::PaymentMethod.find_by(type: 'Spree::Gateway::RazorpayGateway')
+    end
+
+    def setup_razorpay
+      find_payment_gateway.provider
+    end
+  end
+end

data/app/services/razorpay/rp_order/api.rb

@@ -0,0 +1,43 @@
+module Razorpay
+  module RpOrder
+    class Api < Razorpay::Base
+      attr_reader :order
+
+      def create(order_id)
+        @order = Spree::Order.find_by(id: order_id)
+
+        razorpay_order = Razorpay::Order.create(order_create_params)
+
+        if razorpay_order.try(:id).present?
+          log_order_in_db(razorpay_order.id)
+          return razorpay_order.id
+        end
+
+        ''
+      rescue StandardError => e
+        Rails.logger.error("Razorpay Order create failed: #{e.message}")
+        ''
+      end
+
+      private
+
+      def order_create_params
+        {
+          amount: order.inr_amt_in_paise,
+          currency: order.currency,
+          receipt: order.number
+        }
+      end
+
+      def log_order_in_db(rzp_order_id)
+        Spree::RazorpayCheckout.create!(
+          order_id: order.id,
+          razorpay_order_id: rzp_order_id,
+          status: 'created'
+        )
+      rescue StandardError => e
+        Rails.logger.error("Failed to log Razorpay Order in DB: #{e.message}")
+      end
+    end
+  end
+end

data/app/services/razorpay_refund.rb

@@ -0,0 +1,31 @@
+require "uri"
+require "json"
+require "net/http"
+require 'base64'
+
+class RazorpayRefund
+  def perform(credit_cents, razorpay_payment_id)
+    url = URI("https://api.razorpay.com/v1/payments/#{razorpay_payment_id}/refund")
+
+    https = Net::HTTP.new(url.host, url.port)
+    https.use_ssl = true
+    https.verify_mode = OpenSSL::SSL::VERIFY_NONE
+    gateway = Spree::Gateway.find_by(type:"Spree::Gateway::RazorpayGateway")
+    key_id = gateway.preferred_key_id
+    key_secret = gateway.preferred_key_secret
+    encoded_key = Base64.strict_encode64("#{key_id}:#{key_secret}")
+    authorization_header = "Basic #{encoded_key}"
+
+    request = Net::HTTP::Post.new(url)
+    request["Content-Type"] = "application/json"
+    request["Authorization"] = authorization_header
+    request.body = JSON.dump({
+      "amount": credit_cents,
+      "speed": "optimum"
+    })
+
+    response = https.request(request)
+    response
+  end
+end
+

data/app/views/spree/admin/payment_methods/configuration_guides/_razorpay.html.erb

@@ -0,0 +1,6 @@
+<div class="alert alert-info">
+  <p class="mb-0">
+    To find your <strong>Key</strong> and <strong>Key Secret</strong>, go to the 
+    <%= external_link_to 'Razorpay dashboard', 'https://dashboard.razorpay.com/app/website-app-settings/api-keys', class: 'alert-link' %>
+  </p>
+</div>

data/app/views/spree/admin/payment_methods/descriptions/_razorpay.html.erb

@@ -0,0 +1,15 @@
+<p class="mb-1">
+  Razorpay is the only payments solution in India that allows businesses to accept, process and disburse payments with its product suite.
+</p>
+
+<div class="d-flex align-items-center">
+  <%= payment_method_icon_tag 'visa', class: 'm-1' %>
+  <%= payment_method_icon_tag 'master', class: 'm-1' %>
+  <%= payment_method_icon_tag 'google_pay', class: 'm-1' %>
+  <%= payment_method_icon_tag 'amazon', class: 'm-1' %>
+  <%= payment_method_icon_tag 'mobikwik', class: 'm-1' %>
+  <%= payment_method_icon_tag 'upi', class: 'm-1' %>
+  <%= payment_method_icon_tag 'rupay', class: 'm-1' %>
+  <%= payment_method_icon_tag 'paytm', class: 'm-1' %>
+  <%= payment_method_icon_tag 'payzapp', class: 'm-1' %>
+</div>

data/app/views/spree/checkout/payment/_razorpay.html.erb

@@ -0,0 +1,190 @@
+<script>
+document.addEventListener("turbo:load", setupRazorpay);
+document.addEventListener("turbo:frame-load", function (e) {
+  if (e.target.id === "checkout_payment_methods") setupRazorpay();
+});
+
+function setupRazorpay() {
+  const razorpayMethodId = "<%= payment_method.id %>";
+  const form = document.querySelector("#checkout_form_payment");
+  const payBtn = document.getElementById("checkout-payment-submit");
+  const razorpayBtn = document.getElementById("razorpay-custom-button");
+
+  if (!form || !payBtn || !razorpayBtn) return;
+
+  let razorpayCompleted = false;
+
+  function getSelectedPaymentMethodId() {
+    const selected = document.querySelector('input[name="order[payments_attributes][][payment_method_id]"]:checked');
+    const fallback = document.querySelector('input[type="hidden"][name="order[payments_attributes][][payment_method_id]"]');
+    return selected?.value || fallback?.value;
+  }
+
+  function toggleButtons() {
+    const selectedId = getSelectedPaymentMethodId();
+    const isRazorpay = selectedId === razorpayMethodId;
+
+    if (isRazorpay) {
+      payBtn.classList.add("hidden");
+      razorpayBtn.classList.remove("hidden");
+    } else {
+      razorpayBtn.classList.add("hidden");
+      payBtn.classList.remove("hidden");
+    }
+  }
+
+  toggleButtons();
+
+  document.querySelectorAll('input[name="order[payments_attributes][][payment_method_id]"]').forEach((radio) => {
+    radio.addEventListener("change", toggleButtons);
+  });
+
+  form.addEventListener("submit", function (e) {
+    const selectedId = getSelectedPaymentMethodId();
+    if (selectedId === razorpayMethodId && !razorpayCompleted) {
+      e.preventDefault();
+      alert("Please complete the Razorpay payment first.");
+    }
+  });
+
+  razorpayBtn.addEventListener("click", function () {
+    fetch("/razorpay/create_order", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "X-CSRF-Token": document.querySelector('meta[name="csrf-token"]').content
+      },
+      body: JSON.stringify({ order_id: "<%= @order.id %>" })
+    })
+    .then(response => response.json())
+    .then(data => {
+      if (!data.success) {
+        alert("Failed to initiate Razorpay payment. Please try again.");
+        return;
+      }
+
+      const options = {
+        key: "<%= payment_method.current_key_id %>",
+        order_id: data.razorpay_order_id,
+        amount: data.amount,
+        currency: "INR",
+        name: "<%= payment_method.preferred_merchant_name.presence || 'Razorpay Store' %>",
+        description: "<%= payment_method.preferred_merchant_description.presence || 'Order Payment' %>",
+        handler: function (response) {
+          razorpayCompleted = true;
+          document.getElementById("razorpay_payment_id").value = response.razorpay_payment_id;
+          document.getElementById("razorpay_order_id").value = response.razorpay_order_id;
+          document.getElementById("razorpay_signature").value = response.razorpay_signature;
+          form.requestSubmit();
+        },
+        modal: {
+          ondismiss: function () {
+            razorpayCompleted = false;
+          }
+        },
+        prefill: {
+          name: "<%= @order.bill_address&.firstname %> <%= @order.bill_address&.lastname %>",
+          email: "<%= @order.email %>",
+          contact: "<%= @order.bill_address&.phone %>"
+        },
+        theme: {
+          color: "<%= payment_method.preferred_theme_color.presence || '#3399cc' %>"
+        }
+      };
+      delete options.session;
+
+      const rzp = new Razorpay(options);
+      rzp.open();
+    })
+    .catch(() => {
+      alert("Error creating Razorpay order. Please refresh and try again.");
+    });
+  });
+}
+</script>
+
+<style>
+#razorpay-custom-button {
+  background: black !important;
+  color: #bababa !important;
+  border: none !important;
+  padding: 12px !important;
+  font-size: 0.8rem !important;
+  font-style: italic !important;
+  font-weight: 300 !important;
+  border-radius: 100px !important;
+  cursor: pointer !important;
+  width: 100% !important;
+  margin: 15px 0 !important;
+  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4) !important;
+}
+#razorpay-custom-button:active {
+  background: linear-gradient(104deg, rgb(19, 100, 241), rgb(0, 17, 173) 30%) !important;
+}
+</style>
+
+<script src="https://checkout.razorpay.com/v1/checkout.js"></script>
+<div style="display: flex; justify-content: center;">
+  <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 232.55 132.88" width="160" height="160">
+  <defs>
+    <style>
+      .cls-1 {
+        stroke-miterlimit: 10;
+      }
+
+      .cls-1, .cls-2 {
+        fill: none;
+        stroke: #bababa;
+        stroke-linecap: round;
+        stroke-width: 3px;
+      }
+
+      .cls-3 {
+        fill: #bababa;
+      }
+
+      .cls-2 {
+        stroke-linejoin: round;
+      }
+    </style>
+  </defs>
+  <g id="Layer_1-2" data-name="Layer 1">
+    <polyline class="cls-1" points="1.5 18.16 203.71 18.16 203.71 65.59"/>
+    <polyline class="cls-2" points="171.76 72.65 231.05 72.65 225.69 65.59 231.05 72.65 225.69 79.71"/>
+    <circle class="cls-3" cx="9.57" cy="10.07" r="2.95"/>
+    <circle class="cls-3" cx="18.79" cy="10.07" r="2.95"/>
+    <circle class="cls-3" cx="27.84" cy="10.07" r="2.95"/>
+    <path class="cls-1" d="m203.71,18.16V4.81c0-1.83-1.48-3.31-3.31-3.31H4.81c-1.83,0-3.31,1.48-3.31,3.31v123.27c0,1.83,1.48,3.31,3.31,3.31h195.59c1.83,0,3.31-1.48,3.31-3.31v-48.36"/>
+  </g>
+</svg>
+</div>
+<p style="max-width: 600px; margin: 10px auto; text-align: center;">
+  After clicking “Complete order”, you will be redirected to <br>
+  Razorpay Secure (UPI, Cards, Wallets, NetBanking) to complete <br>
+  your purchase securely.
+</p>
+
+<!-- Hidden Razorpay input field -->
+<input type="hidden" name="payment_source[<%= payment_method.id %>][razorpay_payment_id]" id="razorpay_payment_id" value="">
+<input type="hidden" name="payment_source[<%= payment_method.id %>][razorpay_order_id]" id="razorpay_order_id" value="">
+<input type="hidden" name="payment_source[<%= payment_method.id %>][razorpay_signature]" id="razorpay_signature" value="">
+
+<!-- Custom Razorpay Button -->
+<button id="razorpay-custom-button" type="button">
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="500 0 400 400" width="160" height="25" style="vertical-align: bottom; margin-right: 50%;  margin-left: 40%; justify-self: center !important;">
+     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Group">
+            <path d="M451.9209,151.4937 C448.9309,162.6497 443.1359,170.8377 434.5349,176.0657 C425.9239,181.2927 413.8469,183.9117 398.2689,183.9117 L348.7769,183.9117 L366.1509,119.0807 L415.6429,119.0807 C431.2089,119.0807 441.8959,121.6947 447.7019,126.9217 C453.4969,132.1547 454.9109,140.3437 451.9209,151.4937 M503.1739,150.0967 C509.4679,126.6377 506.8589,108.6267 495.3509,96.0797 C483.8409,83.5327 463.6739,77.2627 434.8709,77.2627 L324.3909,77.2627 L257.8969,325.4027 L311.5719,325.4027 L338.3809,225.3777 L373.5809,225.3777 C381.4739,225.3777 387.6869,226.6577 392.2309,229.2137 C396.7849,231.7747 399.4509,236.3067 400.2739,242.8037 L409.8479,325.4027 L467.3589,325.4027 L458.0289,248.3847 C456.1279,231.1897 448.2589,221.0827 434.4309,218.0637 C452.0599,212.9577 466.8259,204.4677 478.7179,192.6167 C490.5989,180.7717 498.7579,166.6017 503.1739,150.0967" id="Fill-1" fill="#fff"></path>
+            <path d="M633.625,236.533 C629.14,253.258 622.231,266.042 612.901,274.868 C603.56,283.7 592.386,288.111 579.382,288.111 C566.122,288.111 557.128,283.758 552.387,275.042 C547.623,266.332 547.461,253.733 551.889,237.228 C556.305,220.735 563.352,207.841 573.053,198.539 C582.742,189.255 594.09,184.602 607.105,184.602 C620.11,184.602 628.919,189.082 633.485,198.024 C638.053,206.966 638.11,219.802 633.625,236.533 L633.625,236.533 Z M657.153,148.706 L650.431,173.8 C647.521,164.736 641.9,157.538 633.578,152.195 C625.245,146.852 614.918,144.174 602.608,144.174 C587.506,144.174 572.983,148.069 559.052,155.852 C545.12,163.64 532.938,174.617 522.519,188.786 C512.099,202.961 504.461,219.107 499.604,237.228 C494.748,255.356 493.774,271.328 496.695,285.149 C499.616,298.977 505.944,309.605 515.691,317.04 C525.428,324.481 537.969,328.19 553.303,328.19 C565.612,328.19 577.342,325.635 588.469,320.523 C599.595,315.418 609.041,308.325 616.818,299.266 L609.807,325.403 L661.731,325.403 L709.079,148.706 L657.153,148.706 Z" id="Fill-3" fill="#fff"></path>
+            <polygon id="Fill-5" fill="#fff" points="895.79 148.7061 744.882 148.7061 734.334 188.0911 822.155 188.0911 706.042 288.4581 696.132 325.4031 851.92 325.4031 862.478 286.0241 768.388 286.0241 886.263 184.2541"></polygon>
+            <path d="M1028.6514,236.1853 C1023.9804,253.6053 1017.0604,266.6273 1007.9044,275.2223 C998.7484,283.8163 987.6674,288.1103 974.6634,288.1103 C947.4714,288.1103 938.5234,270.8113 947.7964,236.1853 C952.4094,218.9903 959.3634,206.0383 968.6594,197.3283 C977.9654,188.6123 989.2324,184.2543 1002.4804,184.2543 C1015.4844,184.2543 1024.2584,188.6123 1028.7794,197.3283 C1033.2984,206.0383 1033.2644,218.9903 1028.6514,236.1853 M1059.0304,155.3243 C1047.0804,147.8943 1031.8154,144.1743 1013.2244,144.1743 C994.4014,144.1743 976.9694,147.8943 960.9174,155.3243 C944.8644,162.7653 931.1984,173.4523 919.9214,187.3893 C908.6314,201.3323 900.4954,217.5943 895.5114,236.1853 C890.5274,254.7763 889.9484,271.0323 893.7734,284.9753 C897.5864,298.9183 905.5144,309.6053 917.5914,317.0403 C929.6574,324.4813 945.0954,328.1903 963.9194,328.1903 C982.5094,328.1903 999.7674,324.4813 1015.7054,317.0403 C1031.6184,309.6053 1045.2374,298.9183 1056.5264,284.9753 C1067.8034,271.0323 1075.9404,254.7763 1080.9244,236.1853 C1085.9084,217.5943 1086.4884,201.3323 1082.6744,187.3893 C1078.8494,173.4523 1070.9674,162.7653 1059.0304,155.3243" id="Fill-7" fill="#fff"></path>
+            <path d="M1602.1367,236.533 C1597.6517,253.258 1590.7427,266.042 1581.4127,274.868 C1572.0817,283.7 1560.8857,288.111 1547.8817,288.111 C1534.6457,288.111 1525.6397,283.758 1520.8987,275.042 C1516.1347,266.332 1515.9727,253.733 1520.4007,237.228 C1524.8167,220.735 1531.8637,207.841 1541.5647,198.539 C1551.2537,189.255 1562.6017,184.602 1575.6167,184.602 C1588.6217,184.602 1597.4307,189.082 1601.9967,198.024 C1606.5647,206.966 1606.6217,219.802 1602.1367,236.533 L1602.1367,236.533 Z M1625.6647,148.706 L1618.9427,173.8 C1616.0327,164.736 1610.4117,157.538 1602.0897,152.195 C1593.7567,146.852 1583.4297,144.174 1571.1197,144.174 C1556.0177,144.174 1541.4947,148.069 1527.5637,155.852 C1513.6317,163.64 1501.4497,174.617 1491.0307,188.786 C1480.6107,202.961 1472.9717,219.107 1468.1157,237.228 C1463.2597,255.356 1462.2967,271.328 1465.2067,285.149 C1468.1267,298.977 1474.4447,309.605 1484.2027,317.04 C1493.9397,324.481 1506.4807,328.19 1521.8147,328.19 C1534.1227,328.19 1545.8537,325.635 1556.9797,320.523 C1568.1067,315.418 1577.5527,308.325 1585.3297,299.266 L1578.3187,325.403 L1630.2427,325.403 L1677.5907,148.706 L1625.6647,148.706 Z" id="Fill-9" fill="#fff"></path>
+            <path d="M1244.165,196.1055 L1257.401,148.0105 C1252.904,145.6865 1246.946,144.5225 1239.517,144.5225 C1227.66,144.5225 1216.243,147.4835 1205.244,153.4115 C1195.798,158.4975 1187.754,165.6365 1180.962,174.5815 L1187.847,148.6815 L1172.813,148.7065 L1135.938,148.7065 L1088.227,325.4025 L1140.87,325.4025 L1165.616,233.0505 C1169.221,219.5765 1175.688,209.0635 1185.042,201.5125 C1194.372,193.9615 1206.02,190.1825 1219.964,190.1825 C1228.563,190.1825 1236.619,192.1585 1244.165,196.1055" id="Fill-11" fill="#fff"></path>
+            <path d="M1390.6973,237.2256 C1386.2693,253.7306 1379.4083,266.3296 1370.1123,275.0396 C1360.7943,283.7556 1349.6433,288.1076 1336.6393,288.1076 C1323.6233,288.1076 1314.7573,283.6976 1310.0393,274.8656 C1305.3103,266.0396 1305.1943,253.2606 1309.6793,236.5296 C1314.1653,219.7996 1321.1423,206.9626 1330.6243,198.0206 C1340.1043,189.0786 1351.3593,184.5986 1364.3753,184.5986 C1377.1473,184.5986 1385.8293,189.2526 1390.4303,198.5426 C1395.0203,207.8376 1395.1133,220.7376 1390.6973,237.2256 M1427.4853,155.8486 C1417.7153,148.0656 1405.2783,144.1776 1390.1873,144.1776 C1376.9393,144.1776 1364.3293,147.1966 1352.3903,153.2356 C1340.4183,159.2856 1330.7173,167.5206 1323.2753,177.9806 L1323.4433,176.8216 L1332.2873,148.6786 L1322.1103,148.6786 L1322.1103,148.7036 L1280.9003,148.7036 L1267.8153,197.5656 C1267.6643,198.1336 1267.5373,198.6636 1267.3853,199.2376 L1213.4093,400.6806 L1266.0423,400.6806 L1293.2213,299.2696 C1295.8863,308.3216 1301.4273,315.4146 1309.8193,320.5206 C1318.2103,325.6316 1328.5603,328.1876 1340.8813,328.1876 C1356.2163,328.1876 1370.7963,324.4786 1384.6463,317.0376 C1398.4863,309.6076 1410.5163,298.9736 1420.7173,285.1466 C1430.9273,271.3306 1438.4623,255.3526 1443.3183,237.2256 C1448.1753,219.1036 1449.1823,202.9586 1446.3663,188.7836 C1443.5503,174.6136 1437.2443,163.6376 1427.4853,155.8486" id="Fill-13" fill="#fff"></path>
+            <path d="M1895.5381,148.7554 L1895.5721,148.7064 L1863.6921,148.7064 C1862.6731,148.7064 1861.7741,148.7354 1860.8421,148.7554 L1844.2961,148.7554 L1835.8351,160.5434 C1835.1571,161.4314 1834.4791,162.3254 1833.7491,163.3624 L1832.8271,164.7274 L1765.5851,258.3754 L1751.6421,148.7064 L1696.5641,148.7064 L1724.4561,315.3544 L1662.8591,400.6834 L1664.6151,400.6834 L1696.0651,400.6834 L1717.7341,400.6834 L1732.6621,379.5374 C1733.1021,378.9074 1733.4791,378.3914 1733.9491,377.7254 L1751.3691,353.0284 L1751.8681,352.3214 L1829.8131,241.8274 L1895.4851,148.8284 L1895.5721,148.7554 L1895.5381,148.7554 Z" id="Fill-15" fill="#fff"></path>
+            <polygon id="Fill-17" fill="#3395FF" points="122.6338 105.6902 106.8778 163.6732 197.0338 105.3642 138.0748 325.3482 197.9478 325.4032 285.0458 0.4822"></polygon>
+            <path d="M25.5947,232.9246 L0.8077,325.4026 L123.5337,325.4026 C123.5337,325.4026 173.7317,137.3196 173.7457,137.2656 C173.6987,137.2956 25.5947,232.9246 25.5947,232.9246" id="Fill-19" fill="#fff"></path>
+        </g>
+    </g>
+</svg>
+</button>

data/config/initializers/assets.rb

@@ -0,0 +1,4 @@
+# Logo Location
+Rails.application.config.assets.precompile += %w[
+  payment_icons/razorpay.svg
+]

data/config/locales/en.yml

@@ -0,0 +1,13 @@
+en:
+  spree:
+    preferences:
+      razorpay_gateway:
+        key_id: "Key"
+        key_secret: "Key Secret"
+        test_key_id: "Test Key"
+        test_key_secret: "Test Key Secret"
+        test_mode: "Enable Test Mode"
+        merchant_name: "Merchant Name"
+        merchant_description: "Merchant Description"
+        merchant_address: "Merchant Address"
+        theme_color: "Theme"

data/config/routes.rb

@@ -0,0 +1,5 @@
+Spree::Core::Engine.add_routes do
+  # Add your extension routes here
+  post '/razorpay/create_order', to: 'razorpay#create_order'
+  post '/razorpay/response', to: 'razorpay#razor_response', as: :razorpay_response
+end

data/db/migrate/20220816080140_create_spree_razorpay_checkouts.rb

@@ -0,0 +1,20 @@
+class CreateSpreeRazorpayCheckouts < ActiveRecord::Migration[6.1]
+  def change
+    create_table :spree_razorpay_checkouts do |t|
+      t.string :order_id
+      t.string :razorpay_payment_id
+      t.string :razorpay_order_id
+      t.string :razorpay_signature
+      t.string :status
+      t.string :payment_method
+      t.string :card_id
+      t.string :bank
+      t.string :wallet
+      t.string :vpa
+      t.string :email
+      t.string :contact
+
+      t.timestamps
+    end
+  end
+end

data/lib/generators/spree_razorpay_checkout/install/install_generator.rb

@@ -5,8 +5,8 @@ module SpreeRazorpayCheckout
       class_option :migrate, type: :boolean, default: true
 
       def add_javascripts
-        append_file 'vendor/assets/javascripts/spree/frontend/all.js', "//= require spree/frontend/spree_razorpay\n"
-        append_file 'vendor/assets/javascripts/spree/frontend/all.js', "//= require spree/frontend/process_razorpay\n"
+        #append_file 'vendor/assets/javascripts/spree/frontend/all.js', "//= require spree/frontend/spree_razorpay_checkout\n"
+        #append_file 'vendor/assets/javascripts/spree/frontend/all.js', "//= require spree/frontend/process_razorpay\n"
       end
 
       def add_migrations

data/lib/spree_razorpay_checkout/configuration.rb

@@ -0,0 +1,10 @@
+module SpreeRazorpayCheckout
+  class Configuration
+    # Define settings here as needed, e.g.:
+    attr_accessor :some_setting
+
+    def initialize
+      @some_setting = 'default_value'
+    end
+  end
+end

data/lib/spree_razorpay_checkout/engine.rb

@@ -1,9 +1,12 @@
+
 module SpreeRazorpayCheckout
   class Engine < Rails::Engine
     require 'spree/core'
     isolate_namespace Spree
     engine_name 'spree_razorpay_checkout'
 
+    require 'spree_razorpay_checkout/configuration'
+
     # use rspec for tests
     config.generators do |g|
       g.test_framework :rspec

data/lib/spree_razorpay_checkout/factories.rb

@@ -2,5 +2,5 @@ FactoryBot.define do
   # Define your Spree extensions Factories within this file to enable applications, and other extensions to use and override them.
   #
   # Example adding this to your spec_helper will load these Factories for use:
-  # require 'spree_razorpay/factories'
+  # require 'spree_razorpay_checkout/factories'
 end

data/lib/spree_razorpay_checkout/version.rb

@@ -1,5 +1,5 @@
 module SpreeRazorpayCheckout
-  VERSION = '0.0.5'.freeze
+  VERSION = '0.1.0'.freeze
 
   module_function
 

metadata

@@ -1,43 +1,43 @@
 --- !ruby/object:Gem::Specification
 name: spree_razorpay_checkout
 version: !ruby/object:Gem::Version
-  version: 0.0.5
+  version: 0.1.0
 platform: ruby
 authors:
 - Umesh Ravani
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-08-06 00:00:00.000000000 Z
+date: 2025-08-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: razorpay
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '3.2'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '3.2'
 - !ruby/object:Gem::Dependency
   name: spree
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: 5.0.0
+        version: '5.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: 5.0.0
+        version: '5.0'
 - !ruby/object:Gem::Dependency
   name: spree_backend
   requirement: !ruby/object:Gem::Requirement
@@ -94,7 +94,7 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-description: Seamless Razorpay checkout integration for Spree Commerce 5.x stores
+description: Seamless Razorpay checkout integration for Spree Commerce 5.x stores.
 email:
 - umeshravani98@gmail.com
 executables: []
@@ -102,8 +102,29 @@ extensions: []
 extra_rdoc_files: []
 files:
 - README.md
+- app/assets/images/payment_icons/razorpay.svg
+- app/assets/javascripts/spree/frontend/process_razorpay.js
+- app/assets/javascripts/spree/frontend/spree_razorpay.js
+- app/controllers/concerns/spree/razor_pay.rb
+- app/controllers/spree/razorpay_controller.rb
+- app/models/spree/gateway/razorpay_gateway.rb
+- app/models/spree/razorpay_checkout.rb
+- app/models/spree_razorpay_checkout/configuration.rb
+- app/models/spree_razorpay_checkout/spree/order_decorator.rb
+- app/models/spree_razorpay_checkout/spree/refund_decorator.rb
+- app/services/razorpay/base.rb
+- app/services/razorpay/rp_order/api.rb
+- app/services/razorpay_refund.rb
+- app/views/spree/admin/payment_methods/configuration_guides/_razorpay.html.erb
+- app/views/spree/admin/payment_methods/descriptions/_razorpay.html.erb
+- app/views/spree/checkout/payment/_razorpay.html.erb
+- config/initializers/assets.rb
+- config/locales/en.yml
+- config/routes.rb
+- db/migrate/20220816080140_create_spree_razorpay_checkouts.rb
 - lib/generators/spree_razorpay_checkout/install/install_generator.rb
 - lib/spree_razorpay_checkout.rb
+- lib/spree_razorpay_checkout/configuration.rb
 - lib/spree_razorpay_checkout/engine.rb
 - lib/spree_razorpay_checkout/factories.rb
 - lib/spree_razorpay_checkout/version.rb
@@ -111,7 +132,6 @@ homepage: https://github.com/umeshravani/spree_razorpay
 licenses:
 - BSD-3-Clause
 metadata:
-  homepage_uri: https://github.com/umeshravani/spree_razorpay
   source_code_uri: https://github.com/umeshravani/spree_razorpay
   changelog_uri: https://github.com/umeshravani/spree_razorpay/blob/main/CHANGELOG.md
 post_install_message: