@gov-cy/govcy-express-services 1.2.0 → 1.3.0-alpha

package/src/middleware/govcyFormsPostHandler.mjs

@@ -1,12 +1,13 @@
 import { getPageConfigData } from "../utils/govcyLoadConfigData.mjs";
 import * as govcyResources from "../resources/govcyResources.mjs";
-import { validateFormElements  } from "../utils/govcyValidator.mjs"; // Import your validator
+import { validateFormElements } from "../utils/govcyValidator.mjs"; // Import your validator
 import * as dataLayer from "../utils/govcyDataLayer.mjs";
 import { logger } from "../utils/govcyLogger.mjs";
 import { handleMiddlewareError } from "../utils/govcyUtils.mjs";
 import { getFormData } from "../utils/govcyFormHandling.mjs"
-import { evaluatePageConditions } from "../utils/govcyExpressions.mjs"; 
+import { evaluatePageConditions } from "../utils/govcyExpressions.mjs";
 import { tempSaveIfConfigured } from "../utils/govcyTempSave.mjs";
+import { validateMultipleThings } from "../utils/govcyMultipleThingsValidation.mjs";
 
 
 /**
@@ -16,13 +17,13 @@ export function govcyFormsPostHandler() {
     return (req, res, next) => {
         try {
             const { siteId, pageUrl } = req.params;
-    
+
             // ⤵️ Load service and check if it exists
             const service = req.serviceData;
-    
+
             // ⤵️ Find the current page based on the URL
             const page = getPageConfigData(service, pageUrl);
-    
+
             // ----- Conditional logic comes here
             // ✅ Skip this POST handler if the page's conditions evaluate to true (redirect away)
             const conditionResult = evaluatePageConditions(page, req.session, siteId, req);
@@ -30,61 +31,88 @@ export function govcyFormsPostHandler() {
                 logger.debug("⛔️ Page condition evaluated to true on POST — skipping form save and redirecting:", conditionResult);
                 return res.redirect(govcyResources.constructPageUrl(siteId, conditionResult.redirect));
             }
-            
+
             // 🔍 Find the form definition inside `pageTemplate.sections`
             let formElement = null;
             for (const section of page.pageTemplate.sections) {
                 formElement = section.elements.find(el => el.element === "form");
                 if (formElement) break;
             }
-    
+
             if (!formElement) {
                 return handleMiddlewareError("🚨 Form definition not found.", 500, next);
             }
-    
-            // const formData = req.body; // Submitted data
-            const formData = getFormData(formElement.params.elements, req.body, req.session, siteId, pageUrl); // Submitted data
-
-            // ☑️ Start validation from top-level form elements
-            const validationErrors = validateFormElements(formElement.params.elements, formData);
-    
-            // ❌ Return validation errors if any exist
-            if (Object.keys(validationErrors).length > 0) {
-                logger.debug("🚨 Validation errors:", validationErrors, req);
-                logger.info("🚨 Validation errors on:", req.originalUrl);
-                // store the validation errors
-                dataLayer.storePageValidationErrors(req.session, siteId, pageUrl, validationErrors, formData);
-                //redirect to the same page with error summary
-                return res.redirect(govcyResources.constructErrorSummaryUrl(req.originalUrl));
-            }
-    
-            //⤴️ Store validated form data in session
-            dataLayer.storePageData(req.session, siteId, pageUrl, formData);
-            
-            // 🔄 Fire-and-forget temporary save (non-blocking)
-            (async () => {
-                try { await tempSaveIfConfigured(req.session, service, siteId); }
-                catch (e) { /* already logged internally */ }
-            })();
-            
-            logger.debug("✅ Form submitted successfully:", dataLayer.getPageData(req.session, siteId, pageUrl), req);
-            logger.info("✅ Form submitted successfully:", req.originalUrl);
-            
-            // 🔍 Determine next page (if applicable)
+
             let nextPage = null;
-            for (const section of page.pageTemplate.sections) {
-                const form = section.elements.find(el => el.element === "form");
-                if (form) {
-                    //handle review route
-                    if (req.query.route === "review") {
-                        nextPage = govcyResources.constructPageUrl(siteId, "review");
-                    } else {
-                        nextPage = page.pageData.nextPage;
-                        //nextPage = form.params.elements.find(el => el.element === "button" && el.params?.prototypeNavigate)?.params.prototypeNavigate;
+
+            // ----- MultipleThings hub handling -----
+            if (page.multipleThings) {
+                // Get current items from session
+                let items = dataLayer.getPageData(req.session, siteId, pageUrl) || [];
+                if (!Array.isArray(items)) {
+                    items = [];
+                }
+                // Validate the items array against multipleThings config (min, max, per-item validation)
+                const errors = validateMultipleThings(page, items, service.site.lang);
+
+                // If there are validation errors, store them in session and redirect back to the hub with error summary
+                if (Object.keys(errors).length > 0) {
+                    dataLayer.storePageValidationErrors(req.session, siteId, pageUrl, errors, null, "hub");
+                    return res.redirect(govcyResources.constructErrorSummaryUrl(req.originalUrl));
+                }
+
+                // No validation errors, proceed to next page
+                logger.debug("✅ multipleThings hub validated successfully:", items, req);
+                logger.info("✅ multipleThings hub validated successfully:", req.originalUrl);
+                nextPage = req.query.route === "review"
+                    ? govcyResources.constructPageUrl(siteId, "review")
+                    : page.pageData.nextPage;
+
+            } else { // Regular form page
+
+                // const formData = req.body; // Submitted data
+                const formData = getFormData(formElement.params.elements, req.body, req.session, siteId, pageUrl); // Submitted data
+
+                // ☑️ Start validation from top-level form elements
+                const validationErrors = validateFormElements(formElement.params.elements, formData);
+
+                // ❌ Return validation errors if any exist
+                if (Object.keys(validationErrors).length > 0) {
+                    logger.debug("🚨 Validation errors:", validationErrors, req);
+                    logger.info("🚨 Validation errors on:", req.originalUrl);
+                    // store the validation errors
+                    dataLayer.storePageValidationErrors(req.session, siteId, pageUrl, validationErrors, formData);
+                    //redirect to the same page with error summary
+                    return res.redirect(govcyResources.constructErrorSummaryUrl(req.originalUrl));
+                }
+
+                //⤴️ Store validated form data in session
+                dataLayer.storePageData(req.session, siteId, pageUrl, formData);
+
+                // 🔄 Fire-and-forget temporary save (non-blocking)
+                (async () => {
+                    try { await tempSaveIfConfigured(req.session, service, siteId); }
+                    catch (e) { /* already logged internally */ }
+                })();
+
+                logger.debug("✅ Form submitted successfully:", dataLayer.getPageData(req.session, siteId, pageUrl), req);
+                logger.info("✅ Form submitted successfully:", req.originalUrl);
+
+                // 🔍 Determine next page (if applicable)
+                for (const section of page.pageTemplate.sections) {
+                    const form = section.elements.find(el => el.element === "form");
+                    if (form) {
+                        //handle review route
+                        if (req.query.route === "review") {
+                            nextPage = govcyResources.constructPageUrl(siteId, "review");
+                        } else {
+                            nextPage = page.pageData.nextPage;
+                            //nextPage = form.params.elements.find(el => el.element === "button" && el.params?.prototypeNavigate)?.params.prototypeNavigate;
+                        }
                     }
                 }
+
             }
-            
             // ➡️ Redirect to the next page if defined, otherwise return success
             if (nextPage) {
                 logger.debug("🔄 Redirecting to next page:", nextPage, req);
@@ -92,6 +120,7 @@ export function govcyFormsPostHandler() {
                 return res.redirect(govcyResources.constructPageUrl(siteId, `${nextPage.split('/').pop()}`));
             }
             res.json({ success: true, message: "Form submitted successfully" });
+
         } catch (error) {
             return next(error); // Pass error to govcyHttpErrorHandler
         }

package/src/middleware/govcyMultipleThingsDeleteHandler.mjs

@@ -0,0 +1,233 @@
+import * as govcyResources from "../resources/govcyResources.mjs";
+import * as dataLayer from "../utils/govcyDataLayer.mjs";
+import { logger } from "../utils/govcyLogger.mjs";
+import { handleMiddlewareError } from "../utils/govcyUtils.mjs";
+import { getPageConfigData } from "../utils/govcyLoadConfigData.mjs";
+import { evaluatePageConditions } from "../utils/govcyExpressions.mjs";
+import { whatsIsMyEnvironment } from '../utils/govcyEnvVariables.mjs';
+import { tempSaveIfConfigured } from "../utils/govcyTempSave.mjs";
+import nunjucks from "nunjucks";
+import { URL } from "url";
+
+/**
+ * Middleware to show a confirmation page before deleting a multipleThings item.
+ */
+export function govcyMultipleThingsDeletePageHandler() {
+    return (req, res, next) => {
+        try {
+            const { siteId, pageUrl, index } = req.params;
+            const serviceCopy = req.serviceData;
+            const page = getPageConfigData(serviceCopy, pageUrl);
+
+            // --- Sanity checks ---
+            const mtConfig = page.multipleThings;
+            if (!mtConfig) {
+                return handleMiddlewareError(`🚨 multipleThings config not found for ${siteId}/${pageUrl}`, 404, next);
+            }
+            if (!mtConfig.listPage || !mtConfig.listPage.title) {
+                return handleMiddlewareError(`🚨 multipleThings.listPage.title is required for ${siteId}/${pageUrl}`, 404, next);
+            }
+            if (!mtConfig.itemTitleTemplate || !mtConfig.min === undefined || !mtConfig.min === null || !mtConfig.max) {
+                return handleMiddlewareError(`🚨 multipleThings.itemTitleTemplate, .min and .max are required for ${siteId}/${pageUrl}`, 404, next);
+            }
+
+            // --- Conditions ---
+            const conditionResult = evaluatePageConditions(page, req.session, siteId, req);
+            if (conditionResult.result === false) {
+                logger.debug("⛔️ Page condition evaluated to true on GET — skipping and redirecting:", conditionResult);
+                return res.redirect(govcyResources.constructPageUrl(siteId, conditionResult.redirect));
+            }
+
+            // --- Validate index ---
+            let items = dataLayer.getPageData(req.session, siteId, pageUrl);
+            if (!Array.isArray(items)) items = [];
+            const idx = parseInt(index, 10);
+            if (Number.isNaN(idx) || idx < 0 || idx >= items.length) {
+                return handleMiddlewareError(`🚨 multipleThings delete index not found for ${siteId}/${pageUrl} (index=${index})`, 404, next);
+            }
+
+            const item = items[idx];
+
+            // --- Build page title ---
+            // We’ll use the itemTitleTemplate to render the item title
+            const env = new nunjucks.Environment(null, { autoescape: false });
+            const itemTitle = env.renderString(mtConfig.itemTitleTemplate, item);
+
+            // Base page template
+            let pageTemplate = {
+                sections: [
+                    {
+                        name: "beforeMain",
+                        elements: [govcyResources.staticResources.elements.backLink]
+                    }
+                ]
+            };
+
+            // Deep copy page title (so we don’t mutate template)
+            let pageTitle = JSON.parse(JSON.stringify(govcyResources.staticResources.text.multipleThingsDeleteTitle));
+
+            // Replace label placeholders on page title
+            for (const lang of Object.keys(pageTitle)) {
+                pageTitle[lang] = pageTitle[lang].replace("{{item}}", itemTitle);
+            }
+
+            // Radios for confirmation
+            const pageRadios = {
+                element: "radios",
+                params: {
+                    id: "deleteItem",
+                    name: "deleteItem",
+                    legend: pageTitle,
+                    isPageHeading: true,
+                    classes: "govcy-mb-6",
+                    items: [
+                        { value: "yes", text: govcyResources.staticResources.text.deleteYesOption },
+                        { value: "no", text: govcyResources.staticResources.text.deleteNoOption }
+                    ]
+                }
+            };
+
+            // Form element
+            const formElement = {
+                element: "form",
+                params: {
+                    action: govcyResources.constructPageUrl(siteId, `${pageUrl}/multiple/delete/${index}`, req.query.route === "review" ? "review" : ""),
+                    method: "POST",
+                    elements: [
+                        pageRadios,
+                        {
+                            element: "button",
+                            params: {
+                                type: "submit",
+                                text: govcyResources.staticResources.text.continue
+                            }
+                        },
+                        govcyResources.csrfTokenInput(req.csrfToken())
+                    ]
+                }
+            };
+
+            // --------- Handle Validation Errors ---------
+            // Add validation errors if present
+            const validationErrors = [];
+            let mainElements = [];
+            if (req?.query?.hasError) {
+                validationErrors.push({
+                    link: "#deleteItem-option-1",
+                    text: govcyResources.staticResources.text.multipleThingsDeleteValidationError
+                });
+                mainElements.push(govcyResources.errorSummary(validationErrors));
+                formElement.params.elements[0].params.error = govcyResources.staticResources.text.multipleThingsDeleteValidationError;
+            }
+            //--------- End Handle Validation Errors ---------
+
+            mainElements.push(formElement);
+            pageTemplate.sections.push({ name: "main", elements: mainElements });
+
+            const pageData = JSON.parse(JSON.stringify(govcyResources.staticResources.rendererPageData));
+            // Handle isTesting 
+            pageData.site.isTesting = (whatsIsMyEnvironment() === "staging");
+
+            pageData.site = serviceCopy.site;
+            
+            pageData.pageData.title = pageTitle;
+
+            req.processedPage = { pageData, pageTemplate };
+            logger.debug("Processed delete item page data:", req.processedPage);
+            next();
+        } catch (error) {
+            return next(error);
+        }
+    };
+}
+
+
+/**
+ * Middleware to handle delete item POST for multipleThings
+ */
+export function govcyMultipleThingsDeletePostHandler() {
+  return (req, res, next) => {
+    try {
+      const { siteId, pageUrl, index } = req.params;
+      const service = req.serviceData;
+      const page = getPageConfigData(service, pageUrl);
+
+      // --- Sanity checks ---
+      const mtConfig = page.multipleThings;
+      if (!mtConfig) {
+        return handleMiddlewareError(
+          `🚨 multipleThings config not found for ${siteId}/${pageUrl}`,
+          404,
+          next
+        );
+      }
+
+      // --- Conditions ---
+      const conditionResult = evaluatePageConditions(page, req.session, siteId, req);
+      if (conditionResult.result === false) {
+        logger.debug(
+          "⛔️ Page condition evaluated to true on POST — skipping and redirecting:",
+          conditionResult
+        );
+        return res.redirect(
+          govcyResources.constructPageUrl(siteId, conditionResult.redirect)
+        );
+      }
+
+      // --- Validate index ---
+      let items = dataLayer.getPageData(req.session, siteId, pageUrl);
+      if (!Array.isArray(items)) items = [];
+      const idx = parseInt(index, 10);
+      if (Number.isNaN(idx) || idx < 0 || idx >= items.length) {
+        return handleMiddlewareError(
+          `🚨 multipleThings delete index not found for ${siteId}/${pageUrl} (index=${index})`,
+          404,
+          next
+        );
+      }
+
+      // --- Validate form value ---
+      if (
+        !req?.body?.deleteItem ||
+        (req.body.deleteItem !== "yes" && req.body.deleteItem !== "no")
+      ) {
+        logger.debug(
+          "⛔️ No deleteItem value provided on POST — redirecting with error:",
+          req.body
+        );
+
+        const pageBaseReturnUrl = `http://localhost:3000/${siteId}/${pageUrl}/multiple/delete/${index}`;
+        let myUrl = new URL(pageBaseReturnUrl);
+        if (req.query.route === "review") {
+          myUrl.searchParams.set("route", "review");
+        }
+        myUrl.searchParams.set("hasError", "1");
+
+        return res.redirect(
+          govcyResources.constructErrorSummaryUrl(myUrl.pathname + myUrl.search)
+        );
+      }
+
+      // --- Handle deletion ---
+      if (req.body.deleteItem === "yes") {
+        items.splice(idx, 1); // remove the item
+        dataLayer.storePageData(req.session, siteId, pageUrl, items);
+        logger.info(`Item deleted by user`, { siteId, pageUrl, index });
+
+        //Temp save
+        (async () => { try { await tempSaveIfConfigured(req.session, service, siteId); } catch (e) { } })();
+      }
+
+      // --- Redirect back to the hub ---
+      const hubUrl = govcyResources.constructPageUrl(
+        siteId,
+        pageUrl,
+        req.query.route === "review" ? "review" : ""
+      );
+      return res.redirect(hubUrl);
+    } catch (error) {
+      logger.error("Error in govcyMultipleThingsDeletePostHandler middleware:", error);
+      return next(error);
+    }
+  };
+}

package/src/middleware/govcyMultipleThingsHubHandler.mjs

@@ -0,0 +1,247 @@
+// src/middleware/govcyMultipleThingsHubHandler.mjs
+import e from "express";
+import * as govcyResources from "../resources/govcyResources.mjs";
+import * as dataLayer from "../utils/govcyDataLayer.mjs";
+import { logger } from "../utils/govcyLogger.mjs";
+import { handleMiddlewareError } from "../utils/govcyUtils.mjs";
+import { buildMultipleThingsValidationSummary } from "../utils/govcyMultipleThingsValidation.mjs";
+import nunjucks from "nunjucks";
+
+/**
+ * Middleware to render a MultipleThings hub page. 
+ 
+ * @param {Object} page - The page config from the JSON (includes multipleThings block)
+ * @param {Object} serviceCopy - The service config (full JSON)
+ */
+export function govcyMultipleThingsHubHandler(req, res, next, page, serviceCopy) {
+    try {
+        const { siteId, pageUrl } = req.params;
+        const mtConfig = page.multipleThings;
+        let addLinkCounter = 0;
+
+        // Sanity checks
+        if (!mtConfig) {
+            logger.debug("🚨 multipleThings config not found in page config", req);
+            return handleMiddlewareError(`🚨 multipleThings config not found in page config`, 500, next);
+        }
+        if (!mtConfig.listPage
+            || !mtConfig.listPage.title) {
+            logger.debug("🚨 multipleThings.listPage.title is required", req);
+            return handleMiddlewareError(`🚨 multipleThings.listPage.title is required`, 500, next);
+        }
+        if (!mtConfig.itemTitleTemplate
+            || !mtConfig.min === undefined || !mtConfig.min === null
+            || !mtConfig.max) {
+            logger.debug("🚨 multipleThings.itemTitleTemplate, .min and .max are required", req);
+            return handleMiddlewareError(`🚨 multipleThings.itemTitleTemplate, .min and .max are required`, 500, next);
+        }
+
+        // Grab items from formData
+        let items = dataLayer.getPageData(req.session, siteId, pageUrl);
+        if (!Array.isArray(items)) items = [];
+
+        logger.debug(`MultipleThings hub for ${siteId}/${pageUrl}, items: ${items.length}`);
+
+        // Build hub template
+        const hubTemplate = {
+            sections: [
+                {
+                    name: "main",
+                    elements: [
+                        // TODO: Add form element here
+                        {
+                            element: "form",
+                            params: {
+                                action: govcyResources.constructPageUrl(siteId, page.pageData.url, (req.query.route === "review" ? "review" : "")),
+                                method: "POST",
+                                elements: []
+                            }
+                        }
+                    ]
+                }
+            ]
+        };
+
+        // ➕ Add CSRF token
+        hubTemplate.sections[0].elements[0].params.elements.push(govcyResources.csrfTokenInput(req.csrfToken()));
+
+        //--------- Handle Validation Errors ---------
+        // check if there are validation errors from the session (from POST handler)
+        const v = dataLayer.getPageValidationErrors(req.session, siteId, pageUrl, "hub");
+        const hubErrors = v?.hub?.errors;
+
+        if (hubErrors && Object.keys(hubErrors).length > 0) {
+            // Build validation error summary
+            let validationErrors = buildMultipleThingsValidationSummary( serviceCopy, hubErrors, siteId, pageUrl, req, req.query?.route || "");
+            // Add error summary to the top of the form
+            hubTemplate.sections[0].elements[0].params.elements.unshift(govcyResources.errorSummary(validationErrors));
+        }
+        //--------- End of Handle Validation Errors ---------
+
+        // 1. Add topElements if provided
+        if (Array.isArray(mtConfig.listPage.topElements)) {
+            hubTemplate.sections[0].elements[0].params.elements.push(...mtConfig.listPage.topElements);
+        }
+
+        //If items are less than max show the add another button
+        if (items.length < mtConfig.max) {
+            // If addButtonPlacement is "top" or "both", add the "Add another" button at the top
+            if (mtConfig?.listPage?.addButtonPlacement === "top" || mtConfig?.listPage?.addButtonPlacement === "both") {
+                hubTemplate.sections[0].elements[0].params.elements.push(
+                    govcyResources.getMultipleThingsLink("add", siteId, pageUrl, serviceCopy.site.lang, "", (req.query?.route === "review" ? "review" : "")
+                        , mtConfig?.listPage?.addButtonText?.[serviceCopy.site.lang], addLinkCounter)
+                );
+                addLinkCounter++;
+            }
+        }
+        // 2. Add list of items or empty state
+        if (items.length === 0) {
+            hubTemplate.sections[0].elements[0].params.elements.push({
+                element: "inset",
+                // if no emptyState provided use the static resource
+                params: {
+                    id: "multipleThingsList",
+                    text: (
+                        mtConfig?.listPage?.emptyState?.[serviceCopy.site.lang]
+                            ? mtConfig.listPage.emptyState
+                            : govcyResources.staticResources.text.multipleThingsEnptyState
+                    )
+                }
+            });
+        }
+        else {
+            //nunjucks.renderString(template, item);
+            // Build dynamic table items using Nunjucks to render item titles
+            const tableItems = items.map((item, idx) => {
+                // Render the title string from the template (e.g. "{{title}} – {{institution}}")
+                // If item = { title: "BSc CS", institution: "UCY" }, it becomes "BSc CS – UCY"
+                const safeItem = (item && typeof item === "object") ? item : {};
+                const env = new nunjucks.Environment(null, { autoescape: false });
+                let title;
+                try {
+                    title = env.renderString(mtConfig.itemTitleTemplate, safeItem);
+                    // Fallback if Nunjucks returned empty or only whitespace
+                    if (!title || !title.trim()) {
+                        title = govcyResources.staticResources.text.untitled[serviceCopy.site.lang] || govcyResources.staticResources.text.untitled["el"];
+                    }
+                } catch (err) {
+                    // Log the error and fallback
+                    logger.error(`Error rendering itemTitleTemplate for ${siteId}/${pageUrl}, index=${idx}: ${err.message}`, req);
+                    title = govcyResources.staticResources.text.untitled[serviceCopy.site.lang] || govcyResources.staticResources.text.untitled["el"];
+                }
+
+
+                return {
+                    // Table row text
+                    text: { [serviceCopy.site.lang]: title },
+
+                    // Row actions (edit / remove)
+                    actions: [
+                        {
+                            text: govcyResources.staticResources.text.change,
+                            // Edit route for this item
+                            href: `/${siteId}/${pageUrl}/multiple/edit/${idx}${req.query?.route === "review" ? "?route=review" : ""}`,
+                            visuallyHiddenText: { [serviceCopy.site.lang]: ` ${title}` }
+                        },
+                        {
+                            text: govcyResources.staticResources.text.delete,
+                            // Delete route for this item
+                            href: `/${siteId}/${pageUrl}/multiple/delete/${idx}${req.query?.route === "review" ? "?route=review" : ""}`,
+                            visuallyHiddenText: { [serviceCopy.site.lang]: ` ${title}` }
+                        }
+                    ]
+                };
+            });
+
+            // Push the table into the hub template
+            hubTemplate.sections[0].elements[0].params.elements.push({
+                element: "multipleThingsTable",
+                params: {
+                    id: `multipleThingsList`,
+                    classes: "govcy-multiple-table",    // CSS hook
+                    items: tableItems                   // The rows we just built
+                }
+            });
+
+        }
+
+        //If items are less than max show the add another button
+        if (items.length < mtConfig.max) {
+            // If addButtonPlacement is "bottom" or "both", add the "Add another" button at the bottom
+            if (mtConfig?.listPage?.addButtonPlacement === "bottom" || mtConfig?.listPage?.addButtonPlacement === "both" || addLinkCounter === 0) {
+                hubTemplate.sections[0].elements[0].params.elements.push(
+                    govcyResources.getMultipleThingsLink("add", siteId, pageUrl, serviceCopy.site.lang, "", (req.query?.route === "review" ? "review" : "")
+                        , mtConfig?.listPage?.addButtonText?.[serviceCopy.site.lang], addLinkCounter)
+                );
+            }
+        } else {
+            // process message
+            // Deep copy page title (so we don’t mutate template)
+            let maxMsg = JSON.parse(JSON.stringify(govcyResources.staticResources.text.multipleThingsMaxMessage));
+
+            // Replace label placeholders on page title
+            for (const lang of Object.keys(maxMsg)) {
+                maxMsg[lang] = maxMsg[lang].replace("{{max}}", mtConfig.max);
+            }
+            hubTemplate.sections[0].elements[0].params.elements.push({
+                element: "warning",
+                // if no emptyState provided use the static resource
+                params: {
+                    text: maxMsg
+                }
+            });
+        }
+
+        // 5. Add Continue button
+        hubTemplate.sections[0].elements[0].params.elements.push(
+            {
+                element: "button",
+                // if no emptyState provided use the static resource
+                params: {
+                    text: (
+                        mtConfig?.listPage?.continueButtonText?.[serviceCopy.site.lang]
+                            ? mtConfig.listPage.continueButtonText
+                            : govcyResources.staticResources.text.continue
+                    ),
+                    variant: "primary",
+                    type: "submit"
+                }
+            }
+        );
+
+
+        //if mtConfig.hasBackLink == true add section beforeMain with backlink element
+        if (mtConfig.listPage?.hasBackLink == true) {
+            hubTemplate.sections.unshift({
+                name: "beforeMain",
+                elements: [
+                    {
+                        element: "backLink",
+                        params: {}
+                    }
+                ]
+            });
+        }
+        // if (dataLayer.getUser(req.session)) {
+        //     hubTemplate.sections.push(govcyResources.userNameSection(dataLayer.getUser(req.session).name)); // Add user name section
+        // }
+
+        // Attach processedPage (like govcyPageHandler does)
+        req.processedPage = {
+            pageData: {
+                site: serviceCopy.site,
+                pageData: {
+                    title: mtConfig.listPage.title,
+                    layout: page?.pageData?.layout || "layouts/govcyBase.njk",
+                    mainLayout: page?.pageData?.mainLayout || "two-third"
+                }
+            },
+            pageTemplate: hubTemplate
+        };
+
+        next();
+    } catch (error) {
+        logger.debug("Error in govcyMultipleThingsHubHandler middleware:", error.message);
+        return next(error); // Pass the error to the next middleware
+    }
+}