Release v7.7.0

Author: Mercado Pago

CHANGELOG.md

@@ -5,24 +5,36 @@ 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).
 
+## [7.7.0] - 2024-09-11
+
+### Added
+- **New payment method:** Implemented Yape Gateway, now available for transactions in Peru.
+
+### Changed
+- **Optimized packaging:** Reduced the number of assets included in the plugin's zip package to improve performance and download time.
+- **Code enhancement:** The code has been refactored to follow PHP 7.4 best practices by adopting Typed Properties, improving clarity and safety.
+
+### Fixed
+- **cardForm issue resolved:** Fixed the error that appeared in the console during the loading of the `cardForm` script used in the Checkout API for cards. The loading process is now handled more efficiently, eliminating the issue.
+
 ## [7.6.4] - 2024-07-31
-### Fix:
+### Fixed:
 - Prevents payment from being created if the currency conversion system fails.
 
 ## [7.6.3] - 2024-07-29
-### Fix:
+### Fixed:
 - Fix the size of the card logos at checkout.
 - Fix the problem of not showing the disclaimer about card fees for some countries.
 
 ## [7.6.2] - 2024-07-16
 ### Added:
 - Added validation on user permissions to download plugin logs.
 - Increased plugin wordpress tested version to the latest available.
-### Fix:
+### Fixed:
 - Addressed an issue where discount and commission calculations were not being shown correctly on order details.
 
 ## [7.6.1] - 2024-06-26
-### Fix:
+### Fixed:
 - Addressed an funnel metrics issue 
 
 ## [7.6.0] - 2024-06-26

assets/css/checkouts/mp-plugins-components.min.css

@@ -449,6 +449,7 @@ div div .mp-checkout-ticket-content .mp-checkout-ticket-text {
   text-align: center !important
 }
 
+
 .mp-alert-details-card {
   background: rgb(0 0 0/4%) !important;
   border-left: 4px solid #f23d4f !important;
@@ -844,9 +845,10 @@ div .mp-error {
   display: none;
   font-family: Proxima Nova, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif !important;
   font-size: 13px !important;
-  font-weight: 400 !important;
+  font-weight: 500 !important;
   margin-bottom: 10px !important;
-  margin-top: 4px !important
+  margin-top: 4px !important;
+  padding-left: 6px;
 }
 
 .mp-helper .mp-helper-icon {
@@ -855,10 +857,11 @@ div .mp-error {
   border-radius: 12px;
   color: #fff;
   display: flex;
-  height: 15px;
   justify-content: center;
   margin: 0 4px;
-  width: 15px !important
+  width: 12px !important;
+  height: 12px !important;
+  font-size: 10px !important;
 }
 
 .mp-input-label {

assets/css/public/mp-public-components.css

@@ -0,0 +1,5 @@
+const CheckoutNotice = ({ message, src, icon, footerText }) => (
+  <checkout-notice message={message} src={src} icon={icon} footer-text={footerText} />
+);
+
+export default CheckoutNotice;

assets/css/public/mp-public-components.min.css

@@ -0,0 +1,5 @@
+const InputCode = ({ label, src, emptyErrorMessage, invalidErrorMessage, tooltipText }) => (
+  <input-code label={label} src={src} empty-error-message={emptyErrorMessage} invalid-error-message={invalidErrorMessage} tooltip-text={tooltipText} />
+);
+
+export default InputCode;

assets/images/checkouts/yape/checkout-notice-icon.png

@@ -0,0 +1,5 @@
+const InputField = ({ labelMessage, emptyErrorMessage, invalidErrorMessage  }) => (
+  <input-field label-message={labelMessage} empty-error-message={emptyErrorMessage} invalid-error-message={invalidErrorMessage} />
+);
+
+export default InputField;