MC-41704: PP PayLater for Checkout Page

Author: fascinosum

app/code/Magento/Paypal/Block/PayLater/Banner.php

@@ -87,7 +87,6 @@ public function getJsLayout()
         $componentAttributes = $this->jsLayout['components']['payLater']['config']['attributes'] ?? [];
         $config['attributes'] = array_replace($this->getStyleAttributesConfig(), $componentAttributes);
         $config['attributes']['data-pp-placement'] = $this->placement;
-        $config['sdkUrl'] = $this->getPayPalSdkUrl();
 
         $this->jsLayout = [
             'components' => [

app/code/Magento/Paypal/Model/PayLaterCheckoutConfigProvider.php

@@ -42,7 +42,8 @@ public function __construct(PayLaterConfig $payLaterConfig, SdkUrl $sdkUrl)
      */
     public function getConfig()
     {
-        $attributes = $this->payLaterConfig->getStyleConfig(PayLaterConfig::CHECKOUT_PAYMENT_PLACEMENT);
+        $attributes = $this->payLaterConfig
+            ->getSectionConfig(PayLaterConfig::CHECKOUT_PAYMENT_PLACEMENT, PayLaterConfig::CONFIG_KEY_STYLE);
         $attributes['data-pp-placement'] = self::PLACEMENT;
 
         $config['payment']['paypalPayLater']['enabled'] = $this->payLaterConfig->isEnabled(

app/code/Magento/Paypal/view/frontend/web/js/view/paylater-checkout.js

@@ -16,17 +16,16 @@ define([
     quote
 ) {
     'use strict';
-
-    const payLaterEnabled = window.checkoutConfig.payment.paypalPayLater.enabled;
-    const payLaterConfig = window.checkoutConfig.payment.paypalPayLater.config;
+    var payLaterEnabled = window.checkoutConfig.payment.paypalPayLater.enabled,
+        payLaterConfig = window.checkoutConfig.payment.paypalPayLater.config;
 
     return Component.extend({
         defaults: {
             template: 'Magento_Paypal/paylater',
             sdkUrl: payLaterEnabled ? payLaterConfig.sdkUrl : '',
             attributes: payLaterConfig.attributes,
             amount: ko.observable(),
-            style: 'margin-bottom: 10px;',
+            style: 'margin-bottom: 10px;'
         },
 
         /**
@@ -45,7 +44,8 @@ define([
          * Update amount
          */
         updateAmount: function () {
-            const amount = this.amount;
+            var amount = this.amount;
+
             quote.totals.subscribe(function (newValue) {
                 amount(newValue['base_grand_total']);
             });

app/code/Magento/Paypal/view/frontend/web/js/view/paylater-default.js

@@ -24,7 +24,7 @@ define([
             sdkUrl: '',
             attributes: {},
             amount: ko.observable(),
-            style: '',
+            style: ''
         },
         paypal: null,
 
@@ -36,7 +36,7 @@ define([
         initialize: function () {
             this._super();
 
-            if ( this.sdkUrl !== '') {
+            if (this.sdkUrl !== '') {
                 this.loadPayPalSdk(this.sdkUrl)
                     .then(this._setPayPalObject.bind(this));
             }
@@ -72,6 +72,6 @@ define([
          */
         _setPayPalObject: function (paypal) {
             this.paypal = paypal;
-        },
+        }
     });
 });

app/code/Magento/Paypal/view/frontend/web/js/view/paylater-product.js

@@ -12,7 +12,7 @@ define([
 ], function (
     $,
     ko,
-    Component,
+    Component
 ) {
     'use strict';