Add SubscribersLimitNotice to mailpoet-subscribers page

[MAILPOET-2626]

assets/js/src/subscribers/form.jsx

@@ -4,6 +4,7 @@ import MailPoet from 'mailpoet';
 import PropTypes from 'prop-types';
 import Form from 'form/form.jsx';
 import ReactStringReplace from 'react-string-replace';
+import SubscribersLimitNotice from 'notices/subscribers_limit_notice.jsx';
 
 const fields = [
   {
@@ -184,6 +185,8 @@ class SubscriberForm extends React.Component { // eslint-disable-line react/pref
           <Link className="page-title-action" to="/">{MailPoet.I18n.t('backToList')}</Link>
         </h1>
 
+        <SubscribersLimitNotice />
+
         <Form
           automationId="subscriber_edit_form"
           endpoint="subscribers"

assets/js/src/subscribers/list.jsx

@@ -8,6 +8,7 @@ import PropTypes from 'prop-types';
 
 import Listing from 'listing/listing.jsx';
 import Selection from 'form/fields/selection.jsx';
+import SubscribersLimitNotice from 'notices/subscribers_limit_notice.jsx';
 
 const columns = [
   {
@@ -382,6 +383,8 @@ class SubscriberList extends React.Component {
           </a>
         </h1>
 
+        <SubscribersLimitNotice />
+
         <Listing
           limit={window.mailpoet_listing_per_page}
           location={this.props.location}

lib/AdminPages/Pages/Subscribers.php

@@ -7,8 +7,10 @@ use MailPoet\Form\Block;
 use MailPoet\Listing\PageLimit;
 use MailPoet\Models\CustomField;
 use MailPoet\Models\Segment;
+use MailPoet\Models\Subscriber;
 use MailPoet\Services\Bridge;
 use MailPoet\Subscribers\ConfirmationEmailMailer;
+use MailPoet\Util\License\Features\Subscribers as SubscribersFeature;
 use MailPoet\Util\License\License;
 use MailPoet\WP\Functions as WPFunctions;
 
@@ -19,12 +21,16 @@ class Subscribers {
   /** @var PageLimit */
   private $listingPageLimit;
 
+  /** @var SubscribersFeature */
+  private $subscribersFeature;
+
   /** @var WPFunctions */
   private $wp;
 
-  public function __construct(PageRenderer $pageRenderer, PageLimit $listingPageLimit, WPFunctions $wp) {
+  public function __construct(PageRenderer $pageRenderer, PageLimit $listingPageLimit, SubscribersFeature $subscribersFeature, WPFunctions $wp) {
     $this->pageRenderer = $pageRenderer;
     $this->listingPageLimit = $listingPageLimit;
+    $this->subscribersFeature = $subscribersFeature;
     $this->wp = $wp;
   }
 
@@ -61,6 +67,11 @@ class Subscribers {
 
     $data['max_confirmation_emails'] = ConfirmationEmailMailer::MAX_CONFIRMATION_EMAILS;
 
+    $data['subscribers_limit'] = $this->subscribersFeature->getSubscribersLimit();
+    $data['subscribers_limit_reached'] = $this->subscribersFeature->check();
+    $data['has_valid_api_key'] = $this->subscribersFeature->hasValidApiKey();
+    $data['subscriber_count'] = Subscriber::getTotalSubscribers();
+
     $this->pageRenderer->displayPage('subscribers/subscribers.html', $data);
   }
 }

views/layout.html

@@ -83,6 +83,12 @@ jQuery('.toplevel_page_mailpoet-newsletters.menu-top-last')
   'spfCheckMsgEdit': _x("Since you're sending with the MailPoet Sending Service, you need to add %s to the existing SPF entry in your DNS records. This will allow MailPoet to send on your behalf for optimal deliverability.", 'DNS SPF Record check'),
   'spfCheckReadMore':  _x('Read the Guide', 'DNS SPF Record check'),
 
+  'subscribersLimitNoticeTitle': __('Congratulations, you now have more than [subscribersLimit] subscribers!'),
+  'freeVersionLimit': __('Our free version is limited to [subscribersLimit] subscribers.'),
+  'yourPlanLimit': __('Your plan is limited to [subscribersLimit] subscribers.'),
+  'youNeedToUpgrade': __('You need to upgrade now to be able to continue using MailPoet.'),
+  'upgradeNow': __('Upgrade Now'),
+  'refreshMySubscribers': __('I’ve upgraded my subscription, refresh subscriber limit'),
 }) %>
 <% block translations %><% endblock %>
 

views/newsletters.html

@@ -398,13 +398,6 @@
 
     'gaCampaignLine': __('Google Analytics Campaign'),
     'gaCampaignTip': __('For example, “Spring email”. [link]Read the guide.[/link]'),
-
-    'subscribersLimitNoticeTitle': __('Congratulations, you now have more than [subscribersLimit] subscribers!'),
-    'freeVersionLimit': __('Our free version is limited to [subscribersLimit] subscribers.'),
-    'yourPlanLimit': __('Your plan is limited to [subscribersLimit] subscribers.'),
-    'youNeedToUpgrade': __('You need to upgrade now to be able to continue using MailPoet.'),
-    'upgradeNow': __('Upgrade Now'),
-    'refreshMySubscribers': __('I’ve upgraded my subscription, refresh subscriber limit'),
   }) %>
   <% include('mss_pitch_translations.html') %>
 <% endblock %>

views/subscribers/subscribers.html

@@ -19,6 +19,10 @@
       '5cbf19622c7d3a026fd3efe1',
       '58a5a7502c7d3a576d353c78',
     ];
+    var mailpoet_subscribers_limit = <%= subscribers_limit ? subscribers_limit : 'false'  %>;
+    var mailpoet_subscribers_limit_reached = <%= subscribers_limit_reached ? 'true' : 'false' %>;
+    var mailpoet_has_valid_api_key = <%= has_valid_api_key ? 'true' : 'false' %>;
+    var mailpoet_subscribers_count = <%= subscriber_count %>;
   </script>
 <% endblock %>