spree_vpago 2.2.2.pre.pre14 → 2.2.2.pre.pre16

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e94689187876e623541aaec9dcb455c5115764ac821e267e459481946d3aa7c7
-  data.tar.gz: e7770a4ce6e8917a30cc4f6fa48c35c84092dbdf57eea16dbfd2841c6a0cb04a
+  metadata.gz: c069c6d08d71cab3036cd97f94c053b4b633219c8a9919646bc2782dfa2fde03
+  data.tar.gz: 5ae430280310306aa6622d08161730d00d5058456b934602893684d5670167a9
 SHA512:
-  metadata.gz: b640e0a537b543c96218267cce0d700904acf92e8bb20f0f2a86f56371ad10c17a596b54d560165ce957f0703e6893b867cc099f26a2b117d4db219bf9af1605
-  data.tar.gz: e148c061234a0bdba0f8bb0423d02e6e9a6ad0f0c10357f1aab1703785e644b7dccddc8cdce9acd84e550e916d21ec576a4394d01dfc98ed37892d2a18fbf92f
+  metadata.gz: 4c500caadeaf75c7d1eb2f50a6d39e0b78cb28f11a3c5fc4d28e2f9da4acd2e03b7a8296cbb506069edcdde2a42b64a208c74ac038101d3297329bbbb29c3dd4
+  data.tar.gz: 0c955a9832cb835c05cd9da3fea7271fb9991eb7ef8f784954a6e20173feb188d23449b62c6fea60bc2a796c9de52a0065237cd0a7cadd52c5634aba2b340e1f

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    spree_vpago (2.2.2.pre.pre14)
+    spree_vpago (2.2.2.pre.pre16)
       faraday
       google-cloud-firestore
       spree_api (>= 4.5)

data/app/helpers/vpago/admin/base_helper_decorator.rb

@@ -37,6 +37,12 @@ module Vpago
                              class: 'fullwidth select2')
         when 'preferred_icon_name'
           return form.select(:preferred_icon_name, available_payment_icons, {}, class: 'fullwidth select2')
+        when 'preferred_payment_option'
+          return form.select(:preferred_payment_option, Spree::Gateway::PaywayV2::PAYMENT_OPTIONS, {}, class: 'fullwidth select2')
+        when 'preferred_abapay_khqr_deeplink_option'
+          return ''.html_safe unless form.object.abapay_khqr_deeplink?
+
+          return form.select(:preferred_abapay_khqr_deeplink_option, Spree::Gateway::PaywayV2::ABAPAY_KHQR_DEEPLINK_OPTIONS, {}, class: 'fullwidth select2')
         when 'preferred_vattanac_payment_option'
           return form.select(:preferred_vattanac_payment_option, available_vattanac_payment_options, {}, class: 'fullwidth select2')
         end

data/app/helpers/vpago/vpago_payments_helper.rb

@@ -8,5 +8,23 @@ module Vpago
     def render_form
       render partial: "spree/vpago_payments/forms/#{@payment.payment_method.class.to_s.underscore}"
     end
+
+    def render_payment_status_listener
+      render partial: 'spree/vpago_payments/payment_status_listener'
+    end
+
+    # when return nil, each payment method should use their default URL.
+    # eg. PayWayV2 will use the continue_success_url as deeplink back URL.
+    def custom_return_deeplink_url
+      user_agent = request.user_agent.to_s.downcase
+
+      if user_agent.include?('telegram')
+        'tg://'
+      elsif user_agent.include?('fban') || user_agent.include?('facebook')
+        'fb://'
+      elsif user_agent.include?('messenger')
+        'fb-messenger://'
+      end
+    end
   end
 end

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

@@ -1,20 +1,38 @@
 module Spree
   class Gateway::PaywayV2 < PaymentMethod
+    ABAPAY_KHQR_DEEPLINK_OPTIONS = %w[open_both open_deeplink_only open_checkout_url_only].freeze
+    PAYMENT_OPTIONS = %w[abapay_khqr_deeplink abapay_khqr cards wechat alipay].freeze
+
     preference :host, :string
     preference :api_key, :string
     preference :merchant_id, :string
-    preference :payment_option, :string # 'abapay', 'cards', 'abapay_deeplink'
+    preference :payment_option, :string
     preference :transaction_fee_fix, :string
     preference :transaction_fee_percentage, :string
     preference :public_key, :text
+    preference :abapay_khqr_deeplink_option, :string, default: 'open_both'
 
     validates :preferred_public_key, presence: true, if: :enable_pre_auth?
+    validates :preferred_abapay_khqr_deeplink_option, inclusion: { in: ABAPAY_KHQR_DEEPLINK_OPTIONS }, if: :abapay_khqr_deeplink?
+    validates :preferred_payment_option, inclusion: { in: PAYMENT_OPTIONS }
 
     # override: partial to render in admin
     def method_type
       'payway_v2'
     end
 
+    def abapay_khqr_deeplink?
+      preferred_payment_option == 'abapay_khqr_deeplink'
+    end
+
+    def open_abapay_deeplink?
+      preferred_abapay_khqr_deeplink_option.in?(%w[open_both open_deeplink_only])
+    end
+
+    def open_checkout_url?
+      preferred_abapay_khqr_deeplink_option.in?(%w[open_both open_checkout_url_only])
+    end
+
     # override
     def default_payout_profile
       Spree::PayoutProfiles::PaywayV2.default

data/app/views/spree/vpago_payments/_payment_status_listener.html.erb

@@ -0,0 +1,35 @@
+<%# This partial listens to payment status changes and does not process the payment. %>
+<%# When it detects a status change, it automatically redirects to the processing URL for actual processing. %>
+<%# Designed to be used in checkout.html.erb %>
+
+<script>
+  document.addEventListener("DOMContentLoaded", function() {
+    let firebaseConfigs = <%= Rails.application.credentials.firebase_web_config.to_json.html_safe %>;
+
+    window.listenToProcessingState({
+      firebaseConfigs: firebaseConfigs,
+      documentReferencePath: "<%= @payment.user_informer.document_reference_path %>",
+      onPaymentIsProcessing: function (orderState, paymentState, processing, reasonCode, reasonMessage) {
+        window.location.href = "<%= @payment.processing_url %>";
+      },
+      onPaymentIsRetrying: function (orderState, paymentState, processing, reasonCode, reasonMessage) {
+        window.location.href = "<%= @payment.processing_url %>";
+      },
+      onOrderIsProcessing: function (orderState, paymentState, processing, reasonCode, reasonMessage) {
+        window.location.href = "<%= @payment.processing_url %>";
+      },
+      onOrderIsCompleted: function (orderState, paymentState, processing, reasonCode, reasonMessage) {
+        window.location.href = "<%= @payment.processing_url %>";
+      },
+      onOrderProcessFailed: function (orderState, paymentState, processing, reasonCode, reasonMessage) {
+        window.location.href = "<%= @payment.processing_url %>";
+      },
+      onPaymentProcessFailed: function (orderState, paymentState, processing, reasonCode, reasonMessage) {
+        window.location.href = "<%= @payment.processing_url %>";
+      },
+      onCompleted: function (orderState, paymentState, processing, reasonCode, reasonMessage) {
+        window.location.href = "<%= @payment.success_url %>";
+      },
+    });
+  });
+</script>

data/app/views/spree/vpago_payments/checkout.html.erb

@@ -1,3 +1,9 @@
 <h1>Checkout...</h1>
 
-<%= render_form %>
+<%# Primary action button fixed at bottom of screen %>
+<%# Each payment method can customize this button (title, onclick) for their specific action. %>
+<%# See: app/views/spree/vpago_payments/forms/spree/gateway/_payway_v2.html.erb for example %>
+<button id="vpago_primary_button" style="display: none;"></button>
+
+<%= render_payment_status_listener %>
+<%= render_form %>

data/app/views/spree/vpago_payments/forms/spree/gateway/_payway_v2.html.erb

@@ -1,52 +1,70 @@
-<% @checkout = ::Vpago::PaywayV2::Checkout.new(@payment) %>
-<% @payment_option = @payment.payment_method.preferences[:payment_option] %>
-
-<form method="POST"
-      action="<%= @checkout.checkout_url %>"
-      id="aba_merchant_request"
-      data-payment-option="<%= @payment_option %>"
-      style="<%= 'display:none;' if @payment_option == 'abapay_khqr_deeplink' %>">
+<% @checkout_options = { custom_return_deeplink_url: custom_return_deeplink_url } %>
+<% @checkout = ::Vpago::PaywayV2::Checkout.new(@payment, @checkout_options) %>
 
+<form method="POST" action="<%= @checkout.checkout_url %>" id="aba_merchant_request">
   <% @checkout.gateway_params.each do |key, value| %>
     <input type="hidden" name="<%= key %>" value="<%= value %>">
   <% end %>
 </form>
 
 <script>
-document.addEventListener("DOMContentLoaded", function () {
-  const form = document.getElementById("aba_merchant_request");
-  const paymentOption = form.dataset.paymentOption;
-
-  if (paymentOption === "abapay_khqr_deeplink") {
-
-    fetch(form.action, {
-      method: "POST",
-      body: new FormData(form)
-    })
-    .then(res => res.json())
-    .then(data => {
-      if (data.checkout_qr_url && data.abapay_deeplink) {
-        // 1) Open checkout first (new tab)
-        window.open(data.checkout_qr_url, "_blank");
-
-        // 2) Then redirect this tab to deeplink
-        setTimeout(() => {
-          window.location.href = data.abapay_deeplink;
-        }, 1000);
-      } else if (data.checkout_qr_url) {
-        // Only checkout URL available
-        window.location.href = data.checkout_qr_url;
-      } else if (data.abapay_deeplink) {
-        // Only deeplink available
-        window.location.href = data.abapay_deeplink;
-      }
-    })
-    .catch(err => {
-      console.error("Error:", err);
+  const abapayKhqrDeeplink = "<%= @payment.payment_method.abapay_khqr_deeplink? %>";
+  const shouldOpenAbaPayDeeplink = <%= @payment.payment_method.open_abapay_deeplink? %>;
+  const shouldOpenCheckoutUrl = <%= @payment.payment_method.open_checkout_url? %>;
+
+  function isMobile() {
+    return /Android|iPhone|iPad|iPod/i.test(navigator.userAgent);
+  }
+
+  function openAbapayDeeplink(abapay_deeplink) {
+    document.getElementById("vpago_primary_button").style.display = "block";
+    document.getElementById("vpago_primary_button").innerText = "Open ABA Pay";
+    document.getElementById("vpago_primary_button").addEventListener("click", function() {
+      window.open(abapay_deeplink, "_blank");
     });
 
-  } else {
-    form.submit();
+    window.open(abapay_deeplink, "_blank");
+  }
+
+  function openCheckoutUrl(checkout_qr_url, delay = 0) {
+    if(delay > 0) {
+      setTimeout(function() {
+        window.location.href = checkout_qr_url;
+      }, delay);
+    } else {
+      window.location.href = checkout_qr_url;
+    }
   }
-});
-</script>
+
+  document.addEventListener("DOMContentLoaded", function () {
+    if (abapayKhqrDeeplink) {
+      var formData = new FormData(document.getElementById("aba_merchant_request"));
+      var checkoutUrl = document.getElementById("aba_merchant_request").action;
+
+      fetch(checkoutUrl, {
+        method: "POST",
+        body: formData
+      })
+      .then(function(response) {
+        return response.json();
+      })
+      .then(function(data) {
+        var shouldDelayBeforeOpenCheckoutUrl = false;
+
+        if (data.abapay_deeplink && shouldOpenAbaPayDeeplink) {
+          openAbapayDeeplink(data.abapay_deeplink);
+          shouldDelayBeforeOpenCheckoutUrl = true;
+        }
+
+        if (data.checkout_qr_url && shouldOpenCheckoutUrl) {
+          openCheckoutUrl(data.checkout_qr_url, shouldDelayBeforeOpenCheckoutUrl ? 3000 : 0);
+        }
+      })
+      .catch(function(error) {
+        console.error("Payment request failed:", error);
+      });
+    } else {
+      document.getElementById("aba_merchant_request").submit();
+    }
+  })
+</script>

data/lib/spree_vpago/version.rb

@@ -1,7 +1,7 @@
 module SpreeVpago
   module_function
 
-  VERSION = '2.2.2-pre14'.freeze
+  VERSION = '2.2.2-pre16'.freeze
 
   def version
     Gem::Version.new VERSION

data/lib/vpago/payway_v2/base.rb

@@ -4,6 +4,7 @@ module Vpago
       def initialize(payment, options = {})
         @options = options
         @payment = payment
+        @custom_return_deeplink_url = options[:custom_return_deeplink_url]
       end
 
       def req_time
@@ -76,8 +77,7 @@ module Vpago
       end
 
       def payment_option
-        card_option = @payment.payment_method.preferences[:payment_option]
-        Vpago::Payway::CARD_TYPES.index(card_option).nil? ? Vpago::Payway::CARD_TYPE_ABAPAY : card_option
+        @payment.payment_method.preferences[:payment_option]
       end
 
       # optional
@@ -105,6 +105,8 @@ module Vpago
       # redirect to continue URL, let it handle redirecting to app.
       # allowed override to specific app eg. from tg://t.me
       def return_deeplink_url
+        return @custom_return_deeplink_url if @custom_return_deeplink_url.present?
+
         app_scheme = @payment.payment_method.preferences[:app_scheme]
 
         if app_scheme.present?

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: spree_vpago
 version: !ruby/object:Gem::Version
-  version: 2.2.2.pre.pre14
+  version: 2.2.2.pre.pre16
 platform: ruby
 authors:
 - You
@@ -329,6 +329,7 @@ files:
 - app/views/spree/payway_results/success.html.erb
 - app/views/spree/payway_v2_card_popups/_form.html.erb
 - app/views/spree/payway_v2_card_popups/show.html.erb
+- app/views/spree/vpago_payments/_payment_status_listener.html.erb
 - app/views/spree/vpago_payments/checkout.html.erb
 - app/views/spree/vpago_payments/forms/spree/gateway/_payway_v2.html.erb
 - app/views/spree/vpago_payments/forms/spree/gateway/_true_money.html.erb