Add filters for place order button mode and text replacement script

modules/ppcp-button/resources/js/modules/ContextBootstrap/PlaceOrderButtonBootstrap.js

@@ -0,0 +1,45 @@
+import {
+    getCurrentPaymentMethod,
+    ORDER_BUTTON_SELECTOR,
+    PaymentMethods
+} from "../Helper/CheckoutMethodState";
+
+class PlaceOrderButtonBootstrap {
+    constructor(config) {
+        this.config = config;
+        this.defaultButtonText = null;
+    }
+
+    init() {
+        jQuery(document.body).on('updated_checkout payment_method_selected', () => {
+            this.updateUi();
+        });
+
+        this.updateUi();
+    }
+
+    updateUi() {
+        const button = document.querySelector(ORDER_BUTTON_SELECTOR);
+        if (!button) {
+            return;
+        }
+
+        if (!this.defaultButtonText) {
+            this.defaultButtonText = button.innerText;
+
+            if (!this.defaultButtonText) {
+                return;
+            }
+        }
+
+        const currentPaymentMethod = getCurrentPaymentMethod();
+
+        if ([PaymentMethods.PAYPAL, PaymentMethods.CARD_BUTTON].includes(currentPaymentMethod)) {
+            button.innerText = this.config.buttonText;
+        } else {
+            button.innerText = this.defaultButtonText;
+        }
+    }
+}
+
+export default PlaceOrderButtonBootstrap

modules/ppcp-button/resources/js/place-order-button.js

@@ -0,0 +1,8 @@
+import PlaceOrderButtonBootstrap from "./modules/ContextBootstrap/PlaceOrderButtonBootstrap";
+
+document.addEventListener(
+    'DOMContentLoaded',
+    () => {
+        const placeOrderButtonBootstrap = new PlaceOrderButtonBootstrap(PpcpPlaceOrderButton);
+        placeOrderButtonBootstrap.init();
+    });