Merge pull request #195 from PluginAndPartners/main

Release 3.17.1

CHANGELOG.md

@@ -5,6 +5,11 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [3.17.1] - 2022-08-16
+
+### Fixed
+- Inserted logic to force cardform to remount after updating grand total in checkout
+
 ## [3.17.0] - 2022-07-04
 
 ### Added

README.md

@@ -4,7 +4,7 @@
   </a>
 </p>
 
-# Magento 2 - Mercado Pago Module (v3.17.0)
+# Magento 2 - Mercado Pago Module (v3.17.1)
 
 The Mercado Pago plugin for Magento 2 allows you to expand the functionalities of your online store and offer a unique payment experience for your customers.
 

composer.json

@@ -8,7 +8,7 @@
         }
     ],
     "type": "magento2-module",
-    "version": "3.17.0",
+    "version": "3.17.1",
     "license": [
         "OSL-3.0",
         "AFL-3.0"

src/MercadoPago/Core/composer.json

@@ -2,7 +2,7 @@
     "name": "mercadopago/core",
     "description": "Mercado Pago Magento 2 Plugin",
     "type": "magento2-module",
-    "version": "3.17.0",
+    "version": "3.17.1",
     "license": [
         "OSL-3.0",
         "AFL-3.0"

src/MercadoPago/Core/etc/module.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0"?>
 <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
-    <module name="MercadoPago_Core" setup_version="3.17.0">
+    <module name="MercadoPago_Core" setup_version="3.17.1">
         <sequence>
             <module name="Magento_Sales"/>
             <module name="Magento_Payment"/>

src/MercadoPago/Core/view/frontend/web/js/CreditCard.js

@@ -5,7 +5,7 @@
 
   var mp = null;
   var mpCardForm = null;
-
+  var mpRemountCardForm = false;
 
   window.initCardForm = function (pk, quote, processMode, country, customMethod) {
     mp = new MercadoPago(pk);
@@ -34,9 +34,15 @@
         onFormUnmounted: error => {
           if (error) return console.warn('FormMounted handling error: ', error);
           fullClearInputs()
-          setTimeout(() => {
-            initCardForm(pk, quote, processMode, country, customMethod)
-          }, 5000);
+
+          if (mpRemountCardForm) {
+            initCardForm(pk, quote, processMode, country, customMethod);
+            mpRemountCardForm = false;
+          } else {
+            setTimeout(() => {
+              initCardForm(pk, quote, processMode, country, customMethod)
+            }, 5000);
+          }
         },
         onIdentificationTypesReceived: (error, identificationTypes) => {
           if (error) return console.warn('IdentificationTypes handling error: ', error);
@@ -73,6 +79,11 @@
     });
   }
 
+  window.mpRemountCardForm = function () {
+    mpRemountCardForm = true;
+    mpCardForm.unmount();
+  }
+
   window.mpDeleteCardForm = function () {
     mpCardForm.unmount()
   }
@@ -194,7 +205,8 @@
   window.fullClearInputs = function () {
     clearInputs()
     document.getElementById('mpCardNumber').value = '';
-    document.getElementById("mpInstallments").value = ''
+    document.getElementById("mpInstallments").value = '';
+    document.getElementById("mpInstallments").innerHTML = '';
   }
 
   window.validateFixedInputs = function () {

src/MercadoPago/Core/view/frontend/web/js/view/method-renderer/custom-method.js

@@ -36,8 +36,6 @@ define(
   ) {
     'use strict';
 
-
-
     return Component.extend({
       defaults: {
         template: 'MercadoPago_Core/payment/custom_method'
@@ -49,6 +47,7 @@ define(
 
       initApp: function () {
         if (window.checkoutConfig.payment[this.getCode()] !== undefined) {
+          quote.totals.subscribe(this.totalsObserver.bind(this));
           setChangeEventOnCardNumber();
           setChangeEventExpirationDate();
           initCardForm(
@@ -61,6 +60,13 @@ define(
         }
       },
 
+      totalsObserver: function() {
+        if (quote.totals().base_grand_total !== this.priceOnSelect) {
+          this.priceOnSelect = quote.totals().base_grand_total;
+          mpRemountCardForm();
+        }
+      },
+
       toogleWalletButton: function () {
         var existsScriptTag = document.querySelector('#wallet_purchase');
         var existsSubmit = document.querySelector('.mercadopago-button');