Add new payment and shipping parsers for various integrations

- Implemented Google Pay parser in bongooglepay.js
- Added Buckaroo 3 payment parser in buckaroo3.js
- Introduced DataTrans CW Mastercard parser in datatranscw.js
- Created DataTrans CW Credit Card parser in datatranscw_creditcard.js
- Developed DHL Assistant shipping parser in dhlassistant.js
- Added Estimated Delivery parser in estimateddelivery.js
- Implemented Floapay payment parser in floapay.js
- Created FS Pickup at Store shipping parser in fspickupatstore.js
- Developed Generic Iframe parser in generic_iframe_parser.js
- Added Geodis Officiel shipping parser in geodisofficiel.js
- Implemented Glob Kurier module shipping parser in globkuriermodule.js
- Created Latvija Post Express Pickup Terminal parser in latvijaspastsexpresspastspostterminalslv.js
- Developed LP Shipping parser in lpshipping.js
- Added Mijora Venipak parser in mijoravenipak.js
- Implemented Apple Pay parser in pm_applepay.js
- Created Przelewy24 payment parser in przelewy24.js
- Developed Pshugls shipping parser in pshugls.js
- Added Redsys Insite payment parser in redsysinsite.js
- Implemented Tpay payment parser in tpay.js
- Updated third-party integration documentation for FedEx DotCom

modules/thecheckout/views/js/parsers/revolutpayment.js

@@ -9,6 +9,23 @@
  */
 
 /* popup mode last tested on 15.4.2023 with revolutpayment v2.2.4 */
+/* popup/direct(=embedded)/redirect modes tested on 1.5.2024 with revolutpayment v2.8.6 */
+/* Update please \revolutpayment\views\js\version17\revolut.payment.js, method initCheckoutUpsellBanner():
+    function initCheckoutUpsellBanner() {
+        let upsellBannerElement = document.getElementById("revolut-upsell-banner");
+        // Thecheckout module update begin
+        if (upsellBannerElement === null) { return; }
+        // Thecheckout module udpate end
+
+    And for revolutpay button, also update stopLoading() method, like so:
+    function stopLoading() {
+        // Thecheckout module update BEGIN
+        if (typeof $.unblockUI === 'function') {
+          $.unblockUI();
+        }
+        // Thecheckout module update END
+    }
+ */
 
 checkoutPaymentParser.revolutpayment = {
 
@@ -20,6 +37,25 @@ checkoutPaymentParser.revolutpayment = {
 
     },
 
+    after_load_callback: function() {
+        // Update card logos, by default only VISA is shown
+        if (typeof logo_path === "undefined") {
+            return;
+        }
+
+        let visa_logo = `<img class="visa-logo" src="${logo_path}visa-logo.svg"/>`;
+        let mastercard_logo = `<img class="mastercard-logo"  src="${logo_path}master-card-logo.svg">`;
+        let amex_logo = `<img class="amex-logo" style="display:none" src="${logo_path}amex.svg">`;
+
+        $(`img[src="${logo_path}visa-logo.svg"] ~ .tc-rev-logos`).remove();
+        $(`img[src="${logo_path}visa-logo.svg"]`).after(`${visa_logo}<span class="tc-rev-logos">${mastercard_logo}${amex_logo}</span>`).remove();
+        $(`img[src="${revpay_logo}"]`).after(`${visa_logo}${mastercard_logo}${amex_logo}`).css({ width: "30px" });
+
+        if (amex_availability) {
+            $(".amex-logo").show();
+        }
+    },
+
     initPayment: function() {
         // revolut_card container present, but fields not yet initiated
         if ($('#revolut_card').length && !($('#revolut_card.rc-card-field').length)) {
@@ -31,12 +67,28 @@ checkoutPaymentParser.revolutpayment = {
         // Create additional information block, informing user that payment will be processed after confirmation
         var paymentOptionId = element.attr('id').match(/payment-option-\d+/);
 
+        let isRevolutPay = element.next().find('#revolutPayForm').length === 1;
+        let isRevolutCard = element.next().find('#revolutPay').length === 1; // not used now
+
+        if (isRevolutPay) {
+            element.find('input[name=payment-option]').addClass('binary'); // so that our 'pay' button disappears
+        }
+
         if (paymentOptionId && 'undefined' !== typeof paymentOptionId[0]) {
             paymentOptionId = paymentOptionId[0];
-            element.after('<div id="'+paymentOptionId+'-additional-information" class="stripe_official popup-notice js-additional-information definition-list additional-information ps-hidden" style="display: none;"><section><p>'+i18_popupPaymentNotice+'</p></section></div>')
+            element.after('<div id="'+paymentOptionId+'-additional-information" class="revolutpayment popup-notice js-additional-information definition-list additional-information ps-hidden" style="display: none;"><section><p>'+i18_popupPaymentNotice+'</p></section></div>')
         }
 
         payment.setPopupPaymentType(element);
+
+        // Add CSS rule
+        var cssEl = document.createElement('style'),sheet;
+        document.head.appendChild(cssEl);
+        cssEl.sheet.insertRule(`
+            [data-payment-module=revolutpayment] .amex-logo ~ .tc-rev-logos {
+                display: none;
+            }
+        `);
     },
 
     form: function (element, triggerElementName) {