khalid/Add affiliate token to Deriv banner (#6551)

* added affiliate token to banner link

* added link with token

* fix href

* gettingn affiliate token from url params

Author: khalid-deriv

src/javascript/app/common/deriv_banner.js

@@ -1,15 +1,35 @@
+const Cookies        = require('js-cookie');
 const getElementById = require('../../_common/common_functions').getElementById;
 const createElement  = require('../../_common/utility').createElement;
+const getLanguage       = require('../../_common/language').get;
 
 const DerivBanner = (() => {
     let el_multiplier_banner_container,
-        el_close_button;
+        el_close_button,
+        multiplier_link;
 
     const onLoad = () => {
         const is_deriv_banner_dismissed = localStorage.getItem('is_deriv_banner_dismissed');
 
         if (!is_deriv_banner_dismissed) {
+            const affiliate_cookie = Cookies.getJSON('affiliate_tracking');
+            let affiliate_token;
+
+            if (affiliate_cookie) affiliate_token = affiliate_cookie.t;
+            else {
+                const queryString = window.location.search;
+                const urlParams = new URLSearchParams(queryString);
+                affiliate_token = urlParams.get('t');
+            }
+            
             el_multiplier_banner_container = getElementById('multiplier_banner_container');
+            multiplier_link = getElementById('multiplier-link');
+
+            const lang = getLanguage().toLowerCase();
+            const multiplier_href = `https://deriv.com/${lang}/trade-types/multiplier/?utm_source=binary&utm_medium=referral&utm_campaign=ww-banner-deriv-1020-en&utm_content=multiplier-banner-synthetic-indices-amplified`;
+
+            multiplier_link.href = affiliate_token ? `${multiplier_href}&t=${affiliate_token}` : multiplier_href;
+
             el_multiplier_banner_container.setVisibility(1);
             el_close_button = el_multiplier_banner_container.querySelector('.deriv_banner_close') || createElement('div');
             el_close_button.addEventListener('click', onClose);

src/templates/_common/components/deriv_banner.jsx

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 
 const DerivBanner = ({ has_margin }) => (
     <div id='multiplier_banner_container' className={`invisible ui-helper-clearfix ${has_margin ? 'has_margin' : ''}`}>
-        <a target='_blank' rel='noopener noreferrer' href={`${it.deriv_banner_url}trade-types/multiplier/?utm_source=binary&utm_medium=referral&utm_campaign=ww-banner-deriv-1020-en&utm_content=multiplier-banner-synthetic-indices-amplified`}>
+        <a id='multiplier-link' target='_blank' rel='noopener noreferrer' href='#'>
             <div className='multiplier_banner_title'>
                 <img className='multiplier_banner_logo' src={it.url_for('images/deriv/deriv-logo.svg')} />
                 <h3>{it.L('Multipliers')}</h3>