Add referral id to the link

[MAILPOET-2142]

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;

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

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>