#31: Refresh card brands when switching addresses for customer

Adyen · Mar 24, 2024 · 5f139f8 · 5f139f8
1 parent 077d122
commit 5f139f8
Show file tree

Hide file tree

Showing 8 changed files with 13 additions and 1 deletion.
diff --git a/Magewire/Payment/Method/AdyenPaymentComponent.php b/Magewire/Payment/Method/AdyenPaymentComponent.php
@@ -61,6 +61,10 @@ public function __construct(
         'coupon_code_revoked' => 'refreshProperties',
         'shipping_address_saved' => 'refreshProperties',
         'billing_address_saved' => 'refreshProperties',
+        'shipping_address_submitted' => 'refreshProperties',
+        'billing_address_submitted' => 'refreshProperties',
+        'shipping_address_activated' => 'refreshProperties',
+        'billing_address_activated' => 'refreshProperties',
     ];
 
     /**

diff --git a/Magewire/Payment/Method/CreditCard.php b/Magewire/Payment/Method/CreditCard.php
@@ -13,7 +13,6 @@
 class CreditCard extends AdyenPaymentComponent
 {
     const METHOD_CC = 'adyen_cc';
-
     public ?string $cardBrands = null;
 
     public function __construct(

diff --git a/view/frontend/templates/payment/method-renderer/adyen-applepay-method.phtml b/view/frontend/templates/payment/method-renderer/adyen-applepay-method.phtml
@@ -37,6 +37,7 @@ use Adyen\Hyva\Magewire\Payment\Method\ApplePay;
 
         async function init(methodCode) {
             try {
+                clearContainer('ApplePayActionContainer');
                 let wire = Magewire.find('checkout.payment.method.' + methodCode);
                 let applePayHandler = new applePayComponentHandler(
                     methodCode,

diff --git a/view/frontend/templates/payment/method-renderer/adyen-cc-method.phtml b/view/frontend/templates/payment/method-renderer/adyen-cc-method.phtml
@@ -24,6 +24,7 @@ use Adyen\Hyva\Magewire\Payment\Method\CreditCard;
 
         async function init(methodCode) {
             try {
+                clearContainer('CreditCardActionContainer');
                 let wire = Magewire.find('checkout.payment.method.' + methodCode);
                 let creditCardHandler = new componentHandler(
                     methodCode,

diff --git a/view/frontend/templates/payment/method-renderer/adyen-cc-vault-method.phtml b/view/frontend/templates/payment/method-renderer/adyen-cc-vault-method.phtml
@@ -29,6 +29,7 @@ $storedCard = $this->getData(ProcessingMetadataInterface::BLOCK_PROPERTY_STORED_
 
             async function init(cardLayoutId) {
                 try {
+                    clearContainer(cardLayoutId + '_ActionContainer');
                     let magewireMethodCode = '<?= $escaper->escapeJs($magewire->getMethodCode()) ?>';
                     let wire = Magewire.find(cardLayoutId);
 

diff --git a/view/frontend/templates/payment/method-renderer/adyen-googlepay-method.phtml b/view/frontend/templates/payment/method-renderer/adyen-googlepay-method.phtml
@@ -35,6 +35,7 @@ use Adyen\Hyva\Magewire\Payment\Method\GooglePay;
 
         async function init(methodCode) {
             try {
+                clearContainer('GooglePayActionContainer');
                 let wire = Magewire.find('checkout.payment.method.' + methodCode);
                 let googlePayHandler = new googlePayComponentHandler(
                     methodCode,

diff --git a/view/frontend/templates/payment/method-renderer/adyen-paypal-method.phtml b/view/frontend/templates/payment/method-renderer/adyen-paypal-method.phtml
@@ -34,6 +34,7 @@ use Adyen\Hyva\Magewire\Payment\Method\Paypal;
 
         async function init(methodCode) {
             try {
+                clearContainer('PaypalActionContainer');
                 let wire = Magewire.find('checkout.payment.method.' + methodCode);
                 let paypalHandler = new paypalComponentHandler(
                     methodCode,

diff --git a/view/frontend/templates/payment/model/adyen-payment-method.phtml b/view/frontend/templates/payment/model/adyen-payment-method.phtml
@@ -32,6 +32,10 @@ $billingAddress  = $block->getQuoteBillingAddress();
 </div>
 
 <script>
+    function clearContainer(id) {
+        document.getElementById(id).innerHTML = '';
+    }
+
     function showPrimaryButton() {
         let elements = document.getElementsByClassName('btn-primary');