🎨 Added option to change the name of the free tier (#19715)

ref ENG-607

- also added the option to show the monthly pricing by default during
signup

Co-authored-by: Simon Backx <simon@ghost.org>
Co-authored-by: Djordje Vlaisavljevic <dzvlais@gmail.com>

apps/admin-x-settings/src/components/settings/advanced/labs/AlphaFeatures.tsx

@@ -59,10 +59,6 @@ const features = [{
     title: 'New email addresses',
     description: 'For self hosters, forces the usage of the mail.from config as from address for all outgoing emails',
     flag: 'newEmailAddresses'
-},{
-    title: 'Portal improvements',
-    description: 'Adds a bunch of improvements to portal and portal settings',
-    flag: 'portalImprovements'
 }];
 
 const AlphaFeatures: React.FC = () => {

apps/portal/src/utils/helpers.js

@@ -431,7 +431,8 @@ export function getSiteProducts({site, pageQuery}) {
     }
     if (hasFreeProductPrice({site})) {
         products.unshift({
-            id: 'free'
+            id: 'free',
+            type: 'free'
         });
     }
     return products;
@@ -450,11 +451,8 @@ export function getFreeProductBenefits({site}) {
 }
 
 export function getFreeTierTitle({site}) {
-    if (hasOnlyFreeProduct({site})) {
+    const freeProduct = getFreeProduct({site});
-        return 'Free membership';
+    return freeProduct?.name || 'Free';
-    } else {
-        return 'Free';
-    }
 }
 
 export function getFreeTierDescription({site}) {

ghost/core/core/shared/labs.js

@@ -23,7 +23,8 @@ const GA_FEATURES = [
     'recommendations',
     'listUnsubscribeHeader',
     'filterEmailDisabled',
-    'newEmailAddresses'
+    'newEmailAddresses',
+    'portalImprovements'
 ];
 
 // NOTE: this allowlist is meant to be used to filter out any unexpected
@@ -47,8 +48,7 @@ const ALPHA_FEATURES = [
     'lexicalIndicators',
     // 'adminXOffers',
     'filterEmailDisabled',
-    'adminXDemo',
+    'adminXDemo'
-    'portalImprovements'
 ];
 
 module.exports.GA_KEYS = [...GA_FEATURES];

ghost/core/test/e2e-api/admin/__snapshots__/settings.test.js.snap

@@ -1155,7 +1155,7 @@ exports[`Settings API Edit Can edit a setting 2: [headers] 1`] = `
 Object {
   "access-control-allow-origin": "http://127.0.0.1:2369",
   "cache-control": "no-cache, private, no-store, must-revalidate, max-stale=0, post-check=0, pre-check=0",
-  "content-length": "4534",
+  "content-length": "4562",
   "content-type": "application/json; charset=utf-8",
   "content-version": StringMatching /v\\\\d\\+\\\\\\.\\\\d\\+/,
   "etag": StringMatching /\\(\\?:W\\\\/\\)\\?"\\(\\?:\\[ !#-\\\\x7E\\\\x80-\\\\xFF\\]\\*\\|\\\\r\\\\n\\[\\\\t \\]\\|\\\\\\\\\\.\\)\\*"/,