Update First purchase automatic emails

Add "When to send this email" and "after first purchase" texts to the page

MAILPOET-4658

mailpoet/assets/js/src/newsletters/automatic_emails/events/event_scheduling.jsx

@@ -6,6 +6,7 @@ import { MailPoet } from 'mailpoet';
 import { Selection } from 'form/fields/selection.jsx';
 import { FormFieldText } from 'form/fields/text.jsx';
 import { timeDelayValues } from 'newsletters/scheduling/common.jsx';
+import { Grid } from 'common/grid';
 
 const defaultAfterTimeType = 'immediate';
 const defaultAfterTimeNumber = 1;
@@ -142,10 +143,15 @@ class EventScheduling extends Component {
     const { event } = this.props;
     return (
       <>
-        <div className="mailpoet-grid-column mailpoet-flex">
+        <h4> {MailPoet.I18n.t('whenToSendMail')} </h4>
+
+        <Grid.CenteredRow className="mailpoet-re-engagement-scheduling">
           {this.displayAfterTimeNumberField()}
           {this.displayAfterTimeTypeOptions()}
-        </div>
+
+          {event.afterDelayText && <p>{event.afterDelayText}</p>}
+        </Grid.CenteredRow>
+
         <div className="mailpoet-form-errors" />
         <div className="mailpoet-gap" />
         {event.schedulingReadMoreLink && (
@@ -175,6 +181,7 @@ EventScheduling.propTypes = {
   onValueChange: PropTypes.func,
   event: PropTypes.shape({
     defaultAfterTimeType: PropTypes.string,
+    afterDelayText: PropTypes.string,
     timeDelayValues: PropTypes.objectOf(
       PropTypes.shape({
         text: PropTypes.string,

mailpoet/lib/AutomaticEmails/WooCommerce/Events/AbandonedCart.php

@@ -55,25 +55,26 @@ class AbandonedCart {
       'title' => _x('Abandoned Shopping Cart', 'This is the name of a type of automatic email for ecommerce. Those emails are sent automatically when a customer adds product to his shopping cart but never complete the checkout process.', 'mailpoet'),
       'description' => __('Send an email to logged-in visitors who have items in their shopping carts but left your website without checking out. Can convert up to 5% of abandoned carts.', 'mailpoet'),
       'listingScheduleDisplayText' => _x('Send the email when a customer abandons their cart.', 'Description of Abandoned Shopping Cart email', 'mailpoet'),
+      'afterDelayText' => __('after cart abandoned', 'mailpoet'),
       'badge' => [
         'text' => __('Must-have', 'mailpoet'),
         'style' => 'red',
       ],
       'timeDelayValues' => [
         'minutes' => [
-          'text' => _x('30 minutes after last page loaded', 'This is a trigger setting. It means that we will send an automatic email to a visitor 30 minutes after this visitor had left the website.', 'mailpoet'),
+          'text' => _x('30 minutes', 'This is a trigger setting. It means that we will send an automatic email to a visitor 30 minutes after this visitor had left the website.', 'mailpoet'),
           'displayAfterTimeNumberField' => false,
         ],
         'hours' => [
-          'text' => __('hour(s) later', 'mailpoet'),
+          'text' => __('hour(s)', 'mailpoet'),
           'displayAfterTimeNumberField' => true,
         ],
         'days' => [
-          'text' => __('day(s) later', 'mailpoet'),
+          'text' => __('day(s)', 'mailpoet'),
           'displayAfterTimeNumberField' => true,
         ],
         'weeks' => [
-          'text' => __('week(s) later', 'mailpoet'),
+          'text' => __('week(s)', 'mailpoet'),
           'displayAfterTimeNumberField' => true,
         ],
       ],

mailpoet/lib/AutomaticEmails/WooCommerce/Events/FirstPurchase.php

@@ -75,6 +75,7 @@ class FirstPurchase {
       'title' => __('First Purchase', 'mailpoet'),
       'description' => __('Let MailPoet send an email to customers who make their first purchase.', 'mailpoet'),
       'listingScheduleDisplayText' => __('Email sent when a customer makes their first purchase.', 'mailpoet'),
+      'afterDelayText' => __('after first purchase', 'mailpoet'),
       'badge' => [
         'text' => __('Must-have', 'mailpoet'),
         'style' => 'red',

mailpoet/views/newsletters.html

@@ -255,6 +255,8 @@
     'reEngagementFrequencyWeek': _x('week', 'week in the sentence "1 week after inactivity"'),
     'reEngagementFrequencyWeeks': _x('weeks', 'weeks in the sentence "5 weeks after inactivity"'),
 
+    'whenToSendMail': __('When to send this email?'),
+
     'selectEventToSendWelcomeEmail': __('When to send this welcome email?'),
     'selectEventToSendReEngagementEmail': __('When to send this re-engagement email?'),