Merge pull request #18962 from overleaf/mf-interstitial-payment-new-plans-page-config

[web] Implement website-redesign-plans split test config on interstitial payment page

GitOrigin-RevId: 6ea51d5f89ac6b633b5ce6dfbb81c258d668ce13

services/web/app/src/Features/Subscription/SubscriptionController.js

@@ -284,6 +284,25 @@ async function userSubscriptionPage(req, res) {
 }
 
 async function interstitialPaymentPage(req, res) {
+  const websiteRedesignPlansAssignment =
+    await SplitTestHandler.promises.getAssignment(
+      req,
+      res,
+      'website-redesign-plans'
+    )
+
+  let template = 'subscriptions/interstitial-payment'
+
+  if (websiteRedesignPlansAssignment.variant === 'new-design') {
+    return await Modules.promises.hooks.fire(
+      'interstitialPaymentPageNewDesign',
+      req,
+      res
+    )
+  } else if (websiteRedesignPlansAssignment.variant === 'light-design') {
+    template = 'subscriptions/interstitial-payment-light-design'
+  }
+
   const user = SessionManager.getSessionUser(req.session)
   const { recommendedCurrency, countryCode, geoPricingLATAMTestVariant } =
     await _getRecommendedCurrency(req, res)
@@ -318,7 +337,7 @@ async function interstitialPaymentPage(req, res) {
       'local-ccy-format-v2'
     )
 
-    res.render('subscriptions/interstitial-payment', {
+    res.render(template, {
       title: 'subscribe',
       itm_content: req.query?.itm_content,
       itm_campaign: req.query?.itm_campaign,

services/web/app/views/subscriptions/interstitial-payment-light-design.pug

@@ -0,0 +1,16 @@
+extends ../layout-marketing
+
+include ./plans/_mixins
+	
+//- TODO: uncomment this
+//- block entrypointVar
+//- 	- entrypoint = 'pages/user/subscription/plans-v2/plans-v2-main'
+
+block vars
+	- var suppressFooter = true
+	- var suppressNavbarRight = true
+	- var suppressCookieBanner = true
+
+block content
+	main.website-redesign.content#main-content
+		p interstitial payment light design