AC-1228::Add BN Code for PayLater Paypal SDK

Author: rimple-saini

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

@@ -11,6 +11,7 @@
 use Magento\Framework\View\Element\Template;
 use Magento\Paypal\Model\PayLaterConfig;
 use Magento\Paypal\Model\SdkUrl;
+use Magento\Paypal\Model\Config as PaypalConfig;
 
 /**
  * PayPal PayLater component block
@@ -38,23 +39,31 @@ class Banner extends Template
      */
     private $position = '';
 
+    /**
+     * @var PaypalConfig
+     */
+    private $paypalConfig;
+
     /**
      * @param Template\Context $context
      * @param PayLaterConfig $payLaterConfig
      * @param SdkUrl $sdkUrl
      * @param array $data
+     * @param PaypalConfig $paypalConfig
      */
     public function __construct(
         Template\Context $context,
         PayLaterConfig $payLaterConfig,
         SdkUrl $sdkUrl,
-        array $data = []
+        array $data = [],
+        PaypalConfig $paypalConfig
     ) {
         parent::__construct($context, $data);
         $this->payLaterConfig = $payLaterConfig;
         $this->sdkUrl = $sdkUrl;
         $this->placement = $data['placement'] ??  '';
         $this->position = $data['position'] ??  '';
+        $this->paypalConfig = $paypalConfig;
     }
 
     /**
@@ -85,6 +94,9 @@ public function getJsLayout()
         $displayAmount = $config['displayAmount'] ?? false;
         $config['displayAmount'] = !$displayAmount || $this->payLaterConfig->isPPBillingAgreementEnabled()
             ? false : true;
+        $config['dataAttributes'] = [
+            'data-partner-attribution-id' => $this->paypalConfig->getBuildNotationCode()
+        ];
 
         //Extend block component attributes with defaults
         $componentAttributes = $this->jsLayout['components']['payLater']['config']['attributes'] ?? [];

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

@@ -11,6 +11,7 @@
 use Magento\Checkout\Block\Checkout\LayoutProcessorInterface;
 use Magento\Paypal\Model\PayLaterConfig;
 use Magento\Paypal\Model\SdkUrl;
+use Magento\Paypal\Model\Config as PaypalConfig;
 
 /**
  * PayLater Layout Processor
@@ -32,14 +33,24 @@ class LayoutProcessor implements LayoutProcessorInterface
      */
     private $sdkUrl;
 
+    /**
+     * @var PaypalConfig
+     */
+    private $paypalConfig;
+
     /**
      * @param PayLaterConfig $payLaterConfig
      * @param SdkUrl $sdkUrl
+     * @param PaypalConfig $paypalConfig
      */
-    public function __construct(PayLaterConfig $payLaterConfig, SdkUrl $sdkUrl)
-    {
-        $this->payLaterConfig = $payLaterConfig;
-        $this->sdkUrl = $sdkUrl;
+    public function __construct(
+        PayLaterConfig $payLaterConfig,
+        SdkUrl $sdkUrl,
+        PaypalConfig $paypalConfig
+    ) {
+        $this->payLaterConfig   = $payLaterConfig;
+        $this->sdkUrl           = $sdkUrl;
+        $this->paypalConfig     = $paypalConfig;
     }
 
     /**
@@ -75,6 +86,9 @@ public function process($jsLayout)
             $displayAmount = $config['displayAmount'] ?? false;
             $config['displayAmount'] = !$displayAmount || $this->payLaterConfig->isPPBillingAgreementEnabled()
                 ? false : true;
+            $config['dataAttributes'] = [
+                'data-partner-attribution-id' => $this->paypalConfig->getBuildNotationCode()
+            ];
 
             $attributes = $this->payLaterConfig->getSectionConfig(
                 PayLaterConfig::CHECKOUT_PAYMENT_PLACEMENT,

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

@@ -27,6 +27,7 @@ define([
             attributes: {
                 class: 'pay-later-message'
             },
+            dataAttributes: {},
             refreshSelector: '',
             displayAmount: false,
             amountComponentConfig: {
@@ -51,7 +52,7 @@ define([
             }
 
             if (this.sdkUrl !== '') {
-                this.loadPayPalSdk(this.sdkUrl)
+                this.loadPayPalSdk(this.sdkUrl, this.dataAttributes)
                     .then(this._setPayPalObject.bind(this));
             }
 
@@ -76,10 +77,11 @@ define([
         /**
          * Load PP SDK with preconfigured options
          *
-         * @param {String} sdkUrl
+         * @param {String} sdkUrl - the url of the PayPal SDK
+         * @param {Array} dataAttributes - Array of the Attributes for PayPal SDK Script tag
          */
-        loadPayPalSdk: function (sdkUrl) {
-            return paypalSdk(sdkUrl);
+        loadPayPalSdk: function (sdkUrl, dataAttributes) {
+            return paypalSdk(sdkUrl, dataAttributes);
         },
 
         /**