Add onAvailable event for Apple Pay (#82)

Co-authored-by: Dimitri BOUTEILLE <[email protected]> Co-authored-by: Can Demiralp <[email protected]>
Adyen · Apr 15, 2024 · a1638cf · a1638cf
1 parent fe219b3
commit a1638cf
Showing 1 changed file with 14 additions and 3 deletions.
diff --git a/view/frontend/web/js/applepay/button.js b/view/frontend/web/js/applepay/button.js
@@ -166,17 +166,28 @@ define([
                 this.applePayComponent
                     .isAvailable()
                     .then(() => {
-                        element.style.display = 'block';
-                        this.applePayComponent.mount(element);
-                    }).catch((e) => {
+                        this.onAvailable(element);
+                    })
+                    .catch((e) => {
                         this.onNotAvailable(e);
                     });
             },
 
+            /**
+             * @param {*} error
+             */
             onNotAvailable: function (error) {
                 console.log('Apple pay is unavailable.', error);
             },
 
+            /**
+             * @param {HTMLElement} element
+             */
+            onAvailable: function (element) {
+                element.style.display = 'block';
+                this.applePayComponent.mount(element);
+            },
+
             unmountApplePay: function () {
                 if (this.applePayComponent) {
                     this.applePayComponent.unmount();