Add texts for users with lots of subscribers

[MAILPOET-2142]

assets/js/src/wizard/steps/pitch_mss/step.jsx

@@ -35,6 +35,23 @@ const FreePlanSubscribers = () => (
 const NotFreePlanSubscribers = () => (
   <>
     <h1>{MailPoet.I18n.t('welcomeWizardMSSNotFreeTitle')}</h1>
+    <p>
+      {MailPoet.I18n.t('welcomeWizardMSSNotFreeSubtitle')}
+      :
+    </p>
+    <p>
+      {MailPoet.I18n.t('welcomeWizardMSSFreeListTitle')}
+      :
+    </p>
+    <BenefitsList />
+    <a
+      href="https://account.mailpoet.com/?s={number_of_subscribers}"
+      target="_blank"
+      rel="noopener noreferrer"
+      className="button button-primary"
+    >
+      {MailPoet.I18n.t('welcomeWizardMSSNotFreeButton')}
+    </a>
   </>
 );
 
@@ -47,6 +64,22 @@ const Step = (props) => (
         <NotFreePlanSubscribers />
       )
     }
+    <p>
+      <a
+        onClick={props.next}
+        role="button"
+        tabIndex={0}
+        onKeyDown={(event) => {
+          if ((['keydown', 'keypress'].includes(event.type) && ['Enter', ' '].includes(event.key))
+          ) {
+            event.preventDefault();
+            props.next();
+          }
+        }}
+      >
+        {MailPoet.I18n.t('welcomeWizardMSSNoThanks')}
+      </a>
+    </p>
   </div>
 );
 

views/welcome_wizard.html

@@ -55,6 +55,9 @@
 'welcomeWizardMSSList5': __('Remove the MailPoet logo from the footer of your emails'),
 'welcomeWizardMSSFreeButton': __('Sign up for free!'),
 'welcomeWizardMSSNotFreeTitle': __('It’s now time to take your MailPoet to the next level'),
+'welcomeWizardMSSNotFreeSubtitle': __('Starting at only $13 per month, MailPoet Premium offers the following features'),
+'welcomeWizardMSSNotFreeButton': __('Sign up now'),
+'welcomeWizardMSSNoThanks': __('No thanks!'),
 'seeVideoGuide': _x('See video guide', 'A label on a button'),
 'skip': _x('Skip', 'A label on a skip button'),
 'noThanksSkip': _x('No thanks. Skip.', 'A label on a skip button'),