From fa04ccfbe5a252f090cea8d82f30b6b56d405d3e Mon Sep 17 00:00:00 2001
From: Pavel Dohnal <pavel@mailpoet.com>
Date: Thu, 12 Sep 2019 15:55:38 +0200
Subject: [PATCH] Add referral id to the link

[MAILPOET-2142]
---
 assets/js/src/wizard/steps/pitch_mss/step.jsx | 25 ++++++++++++++-----
 .../src/wizard/welcome_wizard_controller.jsx  |  1 +
 views/welcome_wizard.html                     |  1 +
 3 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/assets/js/src/wizard/steps/pitch_mss/step.jsx b/assets/js/src/wizard/steps/pitch_mss/step.jsx
index be7f3f1c83..c822fa6d23 100644
--- a/assets/js/src/wizard/steps/pitch_mss/step.jsx
+++ b/assets/js/src/wizard/steps/pitch_mss/step.jsx
@@ -12,7 +12,7 @@ const BenefitsList = () => (
   </ul>
 );
 
-const FreePlanSubscribers = () => (
+const FreePlanSubscribers = (props) => (
   <>
     <h1>{MailPoet.I18n.t('welcomeWizardMSSFreeTitle')}</h1>
     <p>{MailPoet.I18n.t('welcomeWizardMSSFreeSubtitle')}</p>
@@ -22,7 +22,7 @@ const FreePlanSubscribers = () => (
     </p>
     <BenefitsList />
     <a
-      href="https://account.mailpoet.com/?s={number_of_subscribers}"
+      href={props.mailpoetAccountUrl}
       target="_blank"
       rel="noopener noreferrer"
       className="button button-primary"
@@ -32,7 +32,11 @@ const FreePlanSubscribers = () => (
   </>
 );
 
-const NotFreePlanSubscribers = () => (
+FreePlanSubscribers.propTypes = {
+  mailpoetAccountUrl: PropTypes.string.isRequired,
+};
+
+const NotFreePlanSubscribers = (props) => (
   <>
     <h1>{MailPoet.I18n.t('welcomeWizardMSSNotFreeTitle')}</h1>
     <p>
@@ -45,7 +49,7 @@ const NotFreePlanSubscribers = () => (
     </p>
     <BenefitsList />
     <a
-      href="https://account.mailpoet.com/?s={number_of_subscribers}"
+      href={props.mailpoetAccountUrl}
       target="_blank"
       rel="noopener noreferrer"
       className="button button-primary"
@@ -55,13 +59,21 @@ const NotFreePlanSubscribers = () => (
   </>
 );
 
+NotFreePlanSubscribers.propTypes = {
+  mailpoetAccountUrl: PropTypes.string.isRequired,
+};
+
 const Step = (props) => (
   <div className="mailpoet_welcome_wizard_step_content">
     { props.subscribersCount < 1000
       ? (
-        <FreePlanSubscribers />
+        <FreePlanSubscribers
+          mailpoetAccountUrl={props.mailpoetAccountUrl}
+        />
       ) : (
-        <NotFreePlanSubscribers />
+        <NotFreePlanSubscribers
+          mailpoetAccountUrl={props.mailpoetAccountUrl}
+        />
       )
     }
     <p>
@@ -86,6 +98,7 @@ const Step = (props) => (
 Step.propTypes = {
   next: PropTypes.func.isRequired,
   subscribersCount: PropTypes.number.isRequired,
+  mailpoetAccountUrl: PropTypes.string.isRequired,
 };
 
 export default Step;
diff --git a/assets/js/src/wizard/welcome_wizard_controller.jsx b/assets/js/src/wizard/welcome_wizard_controller.jsx
index ee59cfd2b8..83335ec06e 100644
--- a/assets/js/src/wizard/welcome_wizard_controller.jsx
+++ b/assets/js/src/wizard/welcome_wizard_controller.jsx
@@ -164,6 +164,7 @@ const WelcomeWizardStepsController = (props) => {
             <WelcomeWizardPitchMSSStep
               next={() => redirect(step)}
               subscribersCount={window.subscribers_count}
+              mailpoetAccountUrl={window.mailpoet_account_url}
             />
           </WelcomeWizardStepLayout>
         ) : null
diff --git a/views/welcome_wizard.html b/views/welcome_wizard.html
index 6c81c2765f..042280b248 100644
--- a/views/welcome_wizard.html
+++ b/views/welcome_wizard.html
@@ -16,6 +16,7 @@
   var admin_email = <%= json_encode(admin_email) %>;
   var hide_mailpoet_beacon = true;
   var subscribers_count = <%= subscribers_count %>;
+  var mailpoet_account_url = '<%= add_referral_id("https://account.mailpoet.com/?s=" ~ subscribers_count) %>';
 </script>
 
 <div id="mailpoet_wizard_container"></div>