From 1897b902f101e37328384d3d75b06f8b9680aab1 Mon Sep 17 00:00:00 2001
From: RafaMelazzo <rafael.melazzo@stone.com.br>
Date: Mon, 10 Mar 2025 16:31:21 -0300
Subject: [PATCH] get card brand on place order button

---
 .../front/checkout/model/payment/card.js      | 43 ++++++++++++++-----
 1 file changed, 33 insertions(+), 10 deletions(-)

diff --git a/assets/javascripts/front/checkout/model/payment/card.js b/assets/javascripts/front/checkout/model/payment/card.js
index 26cd11a2..b2a6f5eb 100644
--- a/assets/javascripts/front/checkout/model/payment/card.js
+++ b/assets/javascripts/front/checkout/model/payment/card.js
@@ -36,23 +36,38 @@ let pagarmeCard = {
         }
         return !!elem.has(this.fieldsetCardElements).length;
     },
+    getSelectedPaymentMethod: function () {
+        return jQuery('form .payment_methods input[name="payment_method"]:checked');
+    },
     getCheckoutPaymentElement: function () {
-        const value = jQuery('form .payment_methods input[name="payment_method"]:checked').val();
+        const value = pagarmeCard.getSelectedPaymentMethod().val();
         return jQuery('.wc_payment_method.payment_method_' + value);
     },
     isPagarmePayment: function () {
-        let paymentSelected = jQuery('form .payment_methods input[name="payment_method"]:checked');
-        if(paymentSelected.length <= 0) {
+        const selectedPayment = pagarmeCard.getSelectedPaymentMethod();
+        if(selectedPayment.length <= 0) {
+            return false;
+        }
+        const selectedPaymentVal = selectedPayment.val();
+        if(!selectedPaymentVal) {
+            return false;
+        }
+        if(selectedPaymentVal.indexOf('pagarme') === -1) {
             return false;
         }
-        paymentSelected = paymentSelected.val();
-        if(!paymentSelected) {
+        return selectedPaymentVal.indexOf('pagarme');
+    },
+    isPagarmeCard: function () {
+        if (!pagarmeCard.isPagarmePayment()) {
             return false;
         }
-        if(paymentSelected.indexOf('pagarme') == '-1') {
+
+        const selectedIsPagarmeCard = pagarmeCard.getSelectedPaymentMethod().val().indexOf('card');
+        if(selectedIsPagarmeCard === -1) {
             return false;
         }
-        return paymentSelected.indexOf('pagarme');
+
+        return selectedIsPagarmeCard;
     },
     preventSpecialCharacter: function (element) {
         let selectionStart = element.selectionStart;
@@ -486,9 +501,17 @@ let pagarmeCard = {
         });
 
         jQuery(document).ready(function () {
-            jQuery('form.checkout').on('checkout_place_order', function (event) {
-                return pagarmeCard.canExecute(event);
-            });
+            jQuery('form.checkout')
+                .on('checkout_place_order', function (event) {
+                    return pagarmeCard.canExecute(event);
+                })
+                .on( 'click', '#place_order', function(event){
+                    if (pagarmeCard.isPagarmeCard()) {
+                        event.preventDefault();
+                        jQuery(pagarmeCard.cardNumberTarget).trigger('change');
+                        jQuery('form.checkout').submit();
+                    }
+                });
             jQuery('form#order_review').on('submit', function (event) {
                 return pagarmeCard.canExecute(event);
             });