From 2eeff9a3bcba19bd7b8dff5c6e78d1e422cc8ea9 Mon Sep 17 00:00:00 2001
From: Pedro Silva <p.silva@inpsyde.com>
Date: Sun, 22 Oct 2023 17:32:21 +0100
Subject: [PATCH] Add ApplePay reactivity to product quantity

---
 .../resources/js/ApplepayButton.js            | 20 +++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/modules/ppcp-applepay/resources/js/ApplepayButton.js b/modules/ppcp-applepay/resources/js/ApplepayButton.js
index 23b912fe5..15615d7ee 100644
--- a/modules/ppcp-applepay/resources/js/ApplepayButton.js
+++ b/modules/ppcp-applepay/resources/js/ApplepayButton.js
@@ -24,9 +24,7 @@ class ApplepayButton {
         );
 
         //PRODUCT DETAIL PAGE
-        if(this.context === 'product') {
-            this.productQuantity = document.querySelector('input.qty').value
-        }
+        this.refreshContextData();
 
         this.updated_contact_info = []
         this.selectedShippingMethod = []
@@ -198,7 +196,8 @@ class ApplepayButton {
             try {
                 const formData = new FormData(document.querySelector(checkoutFormSelector));
                 this.form_saved = Object.fromEntries(formData.entries());
-                this.update_request_data_with_form(paymentDataRequest);
+                // This line should be reviewed, the paypal.Applepay().confirmOrder fails if we add it.
+                //this.update_request_data_with_form(paymentDataRequest);
             } catch (error) {
                 console.error(error);
             }
@@ -256,6 +255,14 @@ class ApplepayButton {
         return paymentDataRequest
     }
 
+    refreshContextData() {
+        switch (this.context) {
+            case 'product':
+                // Refresh product data that makes the price change.
+                this.productQuantity = document.querySelector('input.qty').value;
+                break;
+        }
+    }
 
     //------------------------
     // Payment process
@@ -375,6 +382,8 @@ class ApplepayButton {
     getShippingContactData(event) {
         const product_id = this.buttonConfig.product.id;
 
+        this.refreshContextData();
+
         switch (this.context) {
             case 'product':
                 return {
@@ -402,6 +411,9 @@ class ApplepayButton {
     }
     getShippingMethodData(event) {
         const product_id = this.buttonConfig.product.id;
+
+        this.refreshContextData();
+
         switch (this.context) {
             case 'product': return {
                 action: 'ppcp_update_shipping_method',