Add annoucement for free welcome emails

[MAILPOET-1525]

assets/css/src/in-app-announcements.styl

@@ -26,3 +26,16 @@
   100%
     -moz-box-shadow: 0 0 0 0 rgba(255, 83, 1, 0)
     box-shadow: 0 0 0 0 rgba(255, 83, 1, 0)
+
+.mailpoet_in_app_announcement_free_welcome_emails
+  text-align: center
+  h2
+    font-size: 28px
+  img
+    width: 640px
+    margin-top: -20px
+
+.mailpoet_in_app_announcement_free_welcome_emails_dot
+  position: relative
+  top: -3px
+  left: 8px

assets/js/src/newsletters/listings/heading.jsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Link } from 'react-router';
 import MailPoet from 'mailpoet';
+import InAppAnnoucement from 'in_app_announcements/in_app_announcement.jsx';
 
 const ListingHeading = () => (
   <h1 className="title">
@@ -17,6 +18,23 @@ const ListingHeading = () => (
     >
       {MailPoet.I18n.t('new')}
     </Link>
+    <InAppAnnoucement
+      className="mailpoet_in_app_announcement_free_welcome_emails_dot"
+      newUser={false}
+      premiumUser={false}
+      showOnlyOnceSlug="free_welcome_emails"
+      height="650px"
+      validUntil={new Date('2018-10-31').getTime() / 1000}
+    >
+      <div className="mailpoet_in_app_announcement_free_welcome_emails">
+        <h2>{MailPoet.I18n.t('freeWelcomeEmailsHeading')}</h2>
+        <img
+          src={window.mailpoet_free_welcome_emails_image}
+          alt={MailPoet.I18n.t('freeWelcomeEmailsHeading')}
+        />
+        <p>{MailPoet.I18n.t('freeWelcomeEmailsParagraph')}</p>
+      </div>
+    </InAppAnnoucement>
   </h1>
 );
 

lib/Models/Setting.php

@@ -53,7 +53,10 @@ class Setting extends Model {
       ),
       'analytics' => array(
         'enabled' => false,
-      )
+      ),
+      'in_app_announcements' => [
+        'displayed' => []
+      ],
     );
   }
 

views/newsletters.html

@@ -17,6 +17,8 @@
     var mailpoet_tracking_enabled = <%= json_encode(tracking_enabled) %>;
     var mailpoet_premium_active = <%= json_encode(premium_plugin_active) %>;
     var mailpoet_automatic_emails = <%= json_encode(automatic_emails) %>;
+    var mailpoet_in_app_announcements = mailpoet_settings.in_app_announcements;
+    var mailpoet_free_welcome_emails_image = '<%= image_url('in_app_announcements/hello-illustration-for-welcome-emails.png') %>';
     <% set newUser = (is_new_user == true) ? 'true' : 'false' %>
     var mailpoet_is_new_user = <%= newUser %>;
   </script>
@@ -297,6 +299,9 @@
     'introBack': _x('Back', 'A label on a button'),
     'introSkip': _x('Skip', 'A label on a button'),
     'introDone': _x('Done', 'A label on a button'),
+
+    'freeWelcomeEmailsHeading': __('Welcome Emails are now free for everyone'),
+    'freeWelcomeEmailsParagraph': __('Say “Hello!” automatically to all your new subscribers. They’ll appreciate the extra touch.'),
   }) %>
 <% endblock %>