Merge pull request #512 from Adyen/bugfix/AD-390

AD-390: Refactor stored card initialization. Update the list of compo…
Adyen · Jan 23, 2025 · 30224ce · 30224ce
2 parents 7a87e29 + 5388292
commit 30224ce
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/...eckoutaddon/acceleratoraddon/web/webroot/WEB-INF/tags/responsive/checkoutOrderSummary.tag b/...eckoutaddon/acceleratoraddon/web/webroot/WEB-INF/tags/responsive/checkoutOrderSummary.tag
@@ -11,7 +11,7 @@
 <spring:url value="/checkout/multi/termsAndConditions" var="getTermsAndConditionsUrl"/>
 
 <c:set var="componentsWithPayButton"
-       value="[amazonpay],[applepay],[paypal],[paywithgoogle],[googlepay],[pix],[bcmc_mobile],[upi],[paysafecard],[klarna],[ideal]"/>
+       value="[amazonpay],[applepay],[paypal],[paywithgoogle],[googlepay],[pix],[bcmc_mobile],[upi],[paysafecard],[klarna],[ideal],[trustly],[swish],[twint]"/>
 <c:set var="componentPaymentMethod" value="[${selectedPaymentMethod}]" />
 
 <%-- Components --%>

diff --git a/...outaddon/acceleratoraddon/web/webroot/_ui/responsive/common/js/adyen_component_factory.js b/...outaddon/acceleratoraddon/web/webroot/_ui/responsive/common/js/adyen_component_factory.js
@@ -76,10 +76,7 @@ class PaymentComponentFactory {
         if (storedCardList && storedCardList.length) {
             for (const storedCard of storedCardList) {
                 const oneClickCardNode = document.getElementById("one-click-card_" + storedCard.storedPaymentMethodId);
-                const oneClickCard = new AdyenWeb.Card(this.checkout, {
-                    showPayButton: false,
-                    storedPaymentMethods: storedCard,
-                }).mount(oneClickCardNode);
+                const oneClickCard = new AdyenWeb.Card(this.checkout, {...storedCard, showPayButton: false}).mount(oneClickCardNode);
                 this.helper.oneClickCards[storedCard.storedPaymentMethodId] = oneClickCard;
             }
         }
@@ -581,7 +578,10 @@ class PaymentComponentFactory {
                     return;
                 }
                 this.helper.makePayment(state.data, component, this.helper.handleResult);
-            }
+            },
+            onAdditionalDetails: (state, component) => {
+                this.helper.submitDetails(state.data, this.helper.handleResult);
+            },
         }).mount('#adyen-component-button-container-' + paymentMethod.label);
     }