Merge pull request #17404 from mozilla/FXA-8638

feat(content): Set up feature flag for email first routes

.circleci/config.yml

@@ -156,6 +156,7 @@ executors:
       PAYPAL_SANDBOX: true
       FXA_MX_RECORD_EXCLUSIONS: restmail.dev.lcip.org
       # Needed for react conversion playwright tests
+      REACT_CONVERSION_EMAIL_FIRST_ROUTES: true
       REACT_CONVERSION_SIMPLE_ROUTES: true
       REACT_CONVERSION_RESET_PASSWORD_ROUTES: true
       REACT_CONVERSION_OAUTH_ROUTES: true

packages/fxa-content-server/server/config/local.json-dist

@@ -60,7 +60,8 @@
     "simpleRoutes": true,
     "resetPasswordRoutes": true,
     "signUpRoutes": true,
-    "signInRoutes": true
+    "signInRoutes": true,
+    "emailFirstRoutes": false
   },
   "featureFlags": {
     "sendFxAStatusOnSettings": true,

packages/fxa-content-server/server/lib/configuration.js

@@ -234,6 +234,12 @@ const conf = (module.exports = convict({
     },
   },
   showReactApp: {
+    emailFirstRoutes: {
+      default: false,
+      doc: 'Enable users to visit the React version of "email first" routes',
+      format: Boolean,
+      env: 'REACT_CONVERSION_EMAIL_FIRST_ROUTES',
+    },
     simpleRoutes: {
       default: false,
       doc: 'Enable users to visit the React version of "simple" routes',

packages/fxa-content-server/server/lib/routes/react-app/index.js

@@ -23,6 +23,11 @@ const { TERMS_PRIVACY_REGEX } = require('./content-server-routes');
  */
 const getReactRouteGroups = (showReactApp, reactRoute) => {
   return {
+    emailFirstRoutes: {
+      featureFlagOn: showReactApp.emailFirstRoutes,
+      routes: reactRoute.getRoutes([]),
+      fullProdRollout: false,
+    },
     simpleRoutes: {
       featureFlagOn: showReactApp.simpleRoutes,
       routes: reactRoute.getRoutes([

packages/fxa-content-server/server/lib/routes/react-app/types.ts

@@ -47,6 +47,7 @@ export interface AddRoutes {
 }
 
 type ShowReactApp = {
+  emailFirstRoutes: boolean;
   simpleRoutes: boolean;
   resetPasswordRoutes: boolean;
   oauthRoutes: boolean;

packages/fxa-content-server/tests/server/routes/react-app.js

@@ -32,6 +32,7 @@ const { registerSuite } = intern.getInterface('object');
 const assert = intern.getPlugin('chai').assert;
 
 const showReactAppAll = {
+  emailFirstRoutes: true,
   simpleRoutes: true,
   resetPasswordRoutes: true,
   oauthRoutes: true,