Merge pull request #532 from FatchipRobert/MAG2-306-Ratepay-Device-Fi…

…ngerprint MAG2-306 - Load Ratepay device fingerprint script only when needed
PAYONE-GmbH · Mar 13, 2024 · f4d50ff · f4d50ff
2 parents c15511b + 62e73f5
commit f4d50ff
Show file tree

Hide file tree

Showing 6 changed files with 26 additions and 256 deletions.
diff --git a/Block/RatepayDeviceFingerprint.php b/Block/RatepayDeviceFingerprint.php
diff --git a/Helper/Ratepay.php b/Helper/Ratepay.php
@@ -365,6 +365,8 @@ public function getRatepayConfig()
                 $aReturn[$sRatepayMethod] = $this->getRatepaySingleConfig($sRatepayMethod);
             }
         }
+        $aReturn['snippetId'] = $this->getConfigParam('devicefingerprint_snippet_id', 'ratepay', 'payone_misc');
+        $aReturn['token'] = $this->getRatepayDeviceFingerprintToken();
         return $aReturn;
     }
 

diff --git a/Test/Unit/Block/RatepayDeviceFingerprintTest.php b/Test/Unit/Block/RatepayDeviceFingerprintTest.php
diff --git a/view/frontend/layout/checkout_index_index.xml b/view/frontend/layout/checkout_index_index.xml
@@ -176,7 +176,6 @@
         <referenceBlock name="content">
             <block class="Payone\Core\Block\ClientApi" name="payone_client_api" template="client_api.phtml"/>
             <block class="Payone\Core\Block\RedirectReturn" name="payone_redirect_return" template="redirect_return.phtml"/>
-            <block class="Payone\Core\Block\RatepayDeviceFingerprint" name="payone_ratepay_device_fingerprint" template="ratepay_device_fingerprint.phtml"/>
         </referenceBlock>
     </body>
 </page>
diff --git a/view/frontend/templates/ratepay_device_fingerprint.phtml b/view/frontend/templates/ratepay_device_fingerprint.phtml
diff --git a/view/frontend/web/js/view/payment/method-renderer/ratepay_base.js b/view/frontend/web/js/view/payment/method-renderer/ratepay_base.js
@@ -27,9 +27,10 @@ define(
         'Magento_Checkout/js/model/quote',
         'Magento_Customer/js/model/customer',
         'Payone_Core/js/action/ratepayconfig',
+        'Magento_Checkout/js/checkout-data',
         'mage/translate'
     ],
-    function (Component, quote, customer, ratepayconfig, $t) {
+    function (Component, quote, customer, ratepayconfig, checkoutData, $t) {
         'use strict';
         return Component.extend({
             initialize: function () {
@@ -38,8 +39,15 @@ define(
                     ratepayconfig();
                     window.checkoutConfig.payment.payone.ratepayRefreshed = true;
                 }
+                if (checkoutData.getSelectedPaymentMethod() === this.getCode()) {
+                    this.handleDeviceFingerprint();
+                }
                 return parentReturn;
             },
+            selectPaymentMethod: function () {
+                this.handleDeviceFingerprint();
+                return this._super();
+            },
             isPlaceOrderActionAllowedRatePay: function () {
                 return this.isDifferentAddressNotAllowed() === false && this.isB2BNotAllowed() === false;
             },
@@ -154,6 +162,21 @@ define(
                     return false;
                 }
                 return true;
+            },
+            handleDeviceFingerprint: function () {
+                if (window.checkoutConfig.payment.payone.ratepay.token) {
+                    var diSkriptVar = document.createElement('script');
+                    diSkriptVar.type = 'text/javascript';
+                    diSkriptVar.text =  "var di = {t:'" + window.checkoutConfig.payment.payone.ratepay.token + "',v:'" + window.checkoutConfig.payment.payone.ratepay.snippetId + "',l:'checkout'};";
+                    document.getElementsByTagName('head')[0].appendChild(diSkriptVar);
+
+                    var diSkript = document.createElement('script');
+                    diSkript.type = 'text/javascript';
+                    diSkript.src = '//d.ratepay.com/' + window.checkoutConfig.payment.payone.ratepay.snippetId + '/di.js';
+                    document.getElementsByTagName('head')[0].appendChild(diSkript);
+
+                    window.checkoutConfig.payment.payone.ratepay.token = false;
+                }
             }
         });
     }