Updated copy for Tiers early-access flow

ghost/admin/app/components/modal-enable-tiers.hbs

@@ -0,0 +1,13 @@
+<header class="modal-header">
+    <h1>Tiers is a one-way street!</h1>
+</header>
+<a class="close" href="" role="button" title="Close" {{action "closeModal"}}>{{svg-jar "close"}}<span class="hidden">Close</span></a>
+
+<div class="modal-body">
+    <p>Tiers for paid memberships is currently in an early access beta. Once enabled, it cannot be switched off. <a href="https://ghost.org/help/topic/members" target="_blank">Learn more here</a></p>
+</div>
+
+<div class="modal-footer">
+    <button {{action "closeModal"}} class="gh-btn"><span>Cancel</span></button>
+    <button {{action "closeModal"}} class="gh-btn gh-btn-primary"><span>Enable Tiers</span></button>
+</div>

ghost/admin/app/components/modal-enable-tiers.js

@@ -0,0 +1,3 @@
+import ModalComponent from 'ghost-admin/components/modal-base';
+
+export default ModalComponent.extend({});

ghost/admin/app/controllers/settings/labs.js

@@ -47,6 +47,7 @@ export default Controller.extend({
     importSuccessful: false,
     showDeleteAllModal: false,
     showEarlyAccessModal: false,
+    showEnableTiersModal: false,
     submitting: false,
     uploadButtonText: 'Import',
 
@@ -161,6 +162,10 @@ export default Controller.extend({
             this.toggleProperty('showEarlyAccessModal');
         },
 
+        toggleEnableTiersModal() {
+            this.toggleProperty('showEnableTiersModal');
+        },
+
         async toggleIsOAuthEnabled() {
             if (this.isOAuthEnabled) {
                 this.settings.set('oauthClientId', '');

ghost/admin/app/templates/settings/labs.hbs

@@ -79,32 +79,28 @@
             </div>
         </div>
 
-        {{#if (enable-developer-experiments)}}
         <div class="gh-main-section">
-            <h4 class="gh-main-section-header small bn">Early-access features</h4>
+            <h4 class="gh-main-section-header small bn">Beta features</h4>
             <div class="gh-expandable">
+
+                {{#if (enable-developer-experiments)}}
                 <div class="gh-expandable-block">
                     <div class="gh-expandable-header">
                         <div>
                             <h4 class="gh-expandable-title">Tiers</h4>
                             <p class="gh-expandable-description">
-                                Allow members to sign-up for different tiers. <a href="https://ghost.org/help/topic/members" target="_blank">Learn more</a>
+                                Add additional tiers to your paid memberships (e.g. Bronze, Silver, Gold). <a href="https://ghost.org/help/topic/members" target="_blank">Learn more here</a>
                             </p>
                         </div>
                         {{#if (feature "multipleProducts")}}
                             <span class="gh-badge">Enabled</span>
                         {{else}}
-                            <button type="button" class="gh-btn" {{action "toggleEarlyAccessModal"}}><span>Enable</span></button>
+                            <button type="button" class="gh-btn" {{action "toggleEnableTiersModal"}}><span>Enable</span></button>
                         {{/if}}
                     </div>
                 </div>
-            </div>
-        </div>
-        {{/if}}
+                {{/if}}
 
-        <div class="gh-main-section">
-            <h4 class="gh-main-section-header small bn">Beta features</h4>
-            <div class="gh-expandable">
                 <div class="gh-expandable-block">
                     <GhUploader
                         @extensions={{this.redirectsFileExtensions}}
@@ -331,8 +327,8 @@
         @modifier="action wide" />
 {{/if}}
 
-{{#if this.showEarlyAccessModal}}
-    <GhFullscreenModal @modal="early-access"
-        @close={{action "toggleEarlyAccessModal"}}
+{{#if this.showEnableTiersModal}}
+    <GhFullscreenModal @modal="enable-tiers"
+        @close={{action "toggleEnableTiersModal"}}
         @modifier="action wide" />
 {{/if}}