@govuk-one-login/frontend-ui 5.1.1 → 5.2.0

package/build/all.css

@@ -1 +1 @@
-@media(max-width: 640px){.govuk-header__navigation-item{border-left:none !important}.govuk-template--rebranded .govuk-header__navigation-list{padding-bottom:0px !important}.govuk-header__navigation-item{padding-top:8px !important}}.frontendUi_header_signOut-item{padding:5px 0px 5px 30px;border-left:1px solid #b1b4b6;margin-left:auto}.frontendUi_header_signOut-item--rebrand{border-left:none;padding:5px 0px 5px 0px;margin-left:auto;font-weight:700 !important}.frontendUi_header__signOut{display:flex;flex-wrap:wrap}.frontendUi-header__content{margin-left:auto}.govuk-header__navigation--signOut{padding:15px 0 15px !important}.govuk-template--rebranded .govuk-header__navigation{padding:15px 0 15px !important}@media(max-width: 640px){.govuk-header__navigation--signOut{padding:18px 0 8px !important}.govuk-template--rebranded .govuk-header__navigation{padding:18px 0 8px !important}}.govuk-template--rebranded .govuk-header__navigation-item a{font-weight:700 !important}.govuk-template--rebranded .govuk-header__navigation-item{padding-top:5px !important}@media(min-width: 20em)and (max-width: 48.0525em){.govuk-template--rebranded .govuk-header__navigation-list{padding-bottom:0px}}@media(max-width: 323px){.govuk-header__logo{padding-right:5px}.frontendUi_header_signOut-item{padding-left:0px}}@media(max-width: 261px){.frontendUi-header__content{margin-left:unset}.govuk-template--rebranded .govuk-header__navigation{padding:0px 0 8px !important}.govuk-header__logotype{max-width:100%;max-height:auto}.govuk-template--rebranded .govuk-header__logo{padding-top:5% !important;padding-bottom:5% !important}}.govuk-tag{font-size:16px;font-weight:bold;line-height:1;display:inline-block;padding-top:5px;padding-right:8px;padding-bottom:4px;padding-left:8px;outline:2px solid rgba(0,0,0,0);outline-offset:-2px;color:#fff !important;background-color:#1d70b8 !important;letter-spacing:1px !important;text-decoration:none !important;text-transform:uppercase !important}@media(max-width: 256px){.govuk-phase-banner__content{display:block}}.language-select{margin:15px 0 15px 0}.language-select__list{margin-top:1em;text-align:right}.language-select__list-item{display:inline-block}.language-select__list-item:first-child::after{content:"";display:inline-block;position:relative;top:.1875em;height:1em;border-right:.09375em solid #000}.language-select__list-item a,.language-select__list-item [aria-current]{padding:.3125em}@media screen and (max-width: 641px){.language-select__list{float:none;text-align:left;padding-bottom:10px;border-bottom:1px solid #b1b4b6}}.spinner{width:80px;height:80px;border-radius:50%;border-width:12px;border-style:solid;border-color:#dee0e2;border-top-color:#005ea5;margin-bottom:15px}@media(forced-colors: active){.spinner{forced-color-adjust:none;border-top-color:rgba(0,0,0,0) !important}}@media not (prefers-reduced-motion){.spinner{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}}@media(prefers-reduced-motion){.spinner{transform:rotate(0.125turn)}}.spinner__finished{border-color:#005ea5;-webkit-animation:none;animation:none}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.centre{margin-left:auto;margin-right:auto;text-align:center;display:block}@media(max-width: 256px){.govuk-footer__crown{max-width:100%;max-height:auto}}.govuk-footer{padding-top:25px;padding-bottom:15px;border-top:1px solid #b1b4b6;color:#0b0c0c;background:#f3f2f1}.govuk-template--rebranded .govuk-footer{border-top:10px solid #1d70b8;background:#f4f8fb}.govuk-footer__copyright-logo::before{background:#6e777a}.govuk-template--rebranded .govuk-footer__copyright-logo::before{background:currentcolor}.govuk-button--progress{position:relative}.govuk-button--progress-loading{background-color:#505a5f !important;color:#fff !important;pointer-events:none !important;padding-left:40px !important}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.govuk-button--progress-loading::before{content:"";border:3px solid hsla(0,0%,100%,.35);border-top:3px solid #fff;border-radius:50%;width:20px;height:20px;animation:rotate 1s infinite linear;position:absolute;top:12% !important;left:8px}.govuk-progress-button--disabled{opacity:1 !important}@media(prefers-reduced-motion: reduce){.govuk-button--progress-loading{padding-left:10px !important}.govuk-button--progress-loading::before{display:none}}.step-card{border:1px solid #b1b4b6;gap:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:#fff;color:#0b0c0c}@media(max-width: 768px){.step-card{padding-left:.75rem;padding-right:.75rem;margin-left:.75rem;margin-right:.75rem}}@media(min-width: 769px){.step-card{padding-left:1.5rem;padding-right:1.5rem}}.step-item-container{display:flex;align-items:flex-start;border-bottom:1px solid #b1b4b6}.step-item-image{flex-shrink:0;margin-right:16px;display:flex;align-items:center;background-color:#e8f1f8;justify-content:space-around;width:70px;height:70px}.step-item-content{display:flex;align-items:flex-start;width:100%}.step-title-container{display:grid;grid-template-columns:max-content 1fr;column-gap:.25em;align-items:baseline}.step-number{grid-column:1;grid-row:1;margin-bottom:0}.step-title{grid-column:2;grid-row:1;margin-bottom:6px}.step-description{grid-column:2;grid-row:2;margin-top:0;margin-bottom:0}.step-description.govuk-list--bullet{grid-column:1/-1;padding-left:0;margin-left:1.2em;margin-top:0px}.step-card .govuk-list li:last-child .step-item-container{border-bottom:none;padding-bottom:0}@media(max-width: 300px){.step-item-container{flex-direction:column}.step-item-image{margin-right:0;margin-bottom:12px}.step-title-container{display:flex;flex-wrap:wrap;align-items:baseline}.step-description{width:100%}}.govuk-list{margin-bottom:0 !important;width:100%}
+@media(max-width: 640px){.govuk-header__navigation-item{border-left:none !important}.govuk-template--rebranded .govuk-header__navigation-list{padding-bottom:0px !important}.govuk-header__navigation-item{padding-top:8px !important}}.frontendUi_header_signOut-item{padding:5px 0px 5px 30px;border-left:1px solid #b1b4b6;margin-left:auto}.frontendUi_header_signOut-item--rebrand{border-left:none;padding:5px 0px 5px 0px;margin-left:auto;font-weight:700 !important}.frontendUi_header__signOut{display:flex;flex-wrap:wrap}.frontendUi-header__content{margin-left:auto}.govuk-header__navigation--signOut{padding:15px 0 15px !important}.govuk-template--rebranded .govuk-header__navigation{padding:15px 0 15px !important}@media(max-width: 640px){.govuk-header__navigation--signOut{padding:18px 0 8px !important}.govuk-template--rebranded .govuk-header__navigation{padding:18px 0 8px !important}}.govuk-template--rebranded .govuk-header__navigation-item a{font-weight:700 !important}.govuk-template--rebranded .govuk-header__navigation-item{padding-top:5px !important}@media(min-width: 20em)and (max-width: 48.0525em){.govuk-template--rebranded .govuk-header__navigation-list{padding-bottom:0px}}@media(max-width: 323px){.govuk-header__logo{padding-right:5px}.frontendUi_header_signOut-item{padding-left:0px}}@media(max-width: 261px){.frontendUi-header__content{margin-left:unset}.govuk-template--rebranded .govuk-header__navigation{padding:0px 0 8px !important}.govuk-header__logotype{max-width:100%;max-height:auto}.govuk-template--rebranded .govuk-header__logo{padding-top:5% !important;padding-bottom:5% !important}}.govuk-tag{font-size:16px;font-weight:bold;line-height:1;display:inline-block;padding-top:5px;padding-right:8px;padding-bottom:4px;padding-left:8px;outline:2px solid rgba(0,0,0,0);outline-offset:-2px;color:#fff !important;background-color:#1d70b8 !important;letter-spacing:1px !important;text-decoration:none !important;text-transform:uppercase !important}@media(max-width: 256px){.govuk-phase-banner__content{display:block}}.language-select{margin:15px 0 15px 0}.language-select__list{margin-top:1em;text-align:right}.language-select__list-item{display:inline-block}.language-select__list-item:first-child::after{content:"";display:inline-block;position:relative;top:.1875em;height:1em;border-right:.09375em solid #000}.language-select__list-item a,.language-select__list-item [aria-current]{padding:.3125em}@media screen and (max-width: 641px){.language-select__list{float:none;text-align:left;padding-bottom:10px;border-bottom:1px solid #b1b4b6}}.spinner{width:80px;height:80px;border-radius:50%;border-width:12px;border-style:solid;border-color:#dee0e2;border-top-color:#005ea5;margin-bottom:15px}@media(forced-colors: active){.spinner{forced-color-adjust:none;border-top-color:rgba(0,0,0,0) !important}}@media not (prefers-reduced-motion){.spinner{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}}@media(prefers-reduced-motion){.spinner{transform:rotate(0.125turn)}}.spinner__finished{border-color:#005ea5;-webkit-animation:none;animation:none}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.centre{margin-left:auto;margin-right:auto;text-align:center;display:block}@media(max-width: 256px){.govuk-footer__crown{max-width:100%;max-height:auto}}.govuk-footer{padding-top:25px;padding-bottom:15px;border-top:1px solid #b1b4b6;color:#0b0c0c;background:#f3f2f1}.govuk-template--rebranded .govuk-footer{border-top:10px solid #1d70b8;background:#f4f8fb}.govuk-footer__copyright-logo::before{background:#6e777a}.govuk-template--rebranded .govuk-footer__copyright-logo::before{background:currentcolor}.govuk-button--progress{position:relative}.govuk-button--progress-loading{background-color:#505a5f !important;color:#fff !important;pointer-events:none !important;padding-left:40px !important}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.govuk-button--progress-loading::before{content:"";border:3px solid hsla(0,0%,100%,.35);border-top:3px solid #fff;border-radius:50%;width:20px;height:20px;animation:rotate 1s infinite linear;position:absolute;top:12% !important;left:8px}.govuk-progress-button--disabled{opacity:1 !important}@media(prefers-reduced-motion: reduce){.govuk-button--progress-loading{padding-left:10px !important}.govuk-button--progress-loading::before{display:none}}.step-card{border:1px solid #b1b4b6;gap:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.step-card .govuk-list{margin-bottom:0 !important;width:100%}.step-card h2{margin-bottom:5px}@media(max-width: 768px){.step-card{padding-left:15px;padding-right:15px}}@media(min-width: 769px){.step-card{padding-left:30px;padding-right:30px}}.step-item-container{display:flex;align-items:flex-start;border-bottom:1px solid #b1b4b6}.step-item-image{flex-shrink:0;margin-right:16px;display:flex;align-items:center;background-color:#e8f1f8;justify-content:space-around;width:70px;height:70px}.step-item-content{display:flex;align-items:flex-start;width:100%}.step-header-container{display:grid;grid-template-columns:max-content 1fr;column-gap:.25em;align-items:baseline}.step-number{grid-column:1;grid-row:1;margin-bottom:0}.step-header{grid-column:2;grid-row:1;margin-bottom:6px}.step-description{grid-column:2;grid-row:2;margin-top:0;margin-bottom:0}.step-description.govuk-list--bullet{grid-column:2;padding-left:0;margin-left:1.2em;margin-top:0}.step-card .govuk-list li:last-child .step-item-container{border-bottom:none;padding-bottom:0}@media(max-width: 300px){.step-item-container{flex-direction:column}.step-item-image{margin-right:0;margin-bottom:12px}.step-header-container{display:flex;flex-wrap:wrap;align-items:baseline}.step-description{width:100%}}

package/build/cjs/backend/__tests__/cookie-banner.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=cookie-banner.test.d.ts.map

package/build/cjs/backend/__tests__/cookie-banner.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cookie-banner.test.d.ts","sourceRoot":"","sources":["../../../../src/__tests__/cookie-banner.test.ts"],"names":[],"mappings":""}

package/build/cjs/backend/__tests__/footer.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=footer.test.d.ts.map

package/build/cjs/backend/__tests__/footer.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.test.d.ts","sourceRoot":"","sources":["../../../../src/__tests__/footer.test.ts"],"names":[],"mappings":""}

package/build/cjs/backend/__tests__/header.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=header.test.d.ts.map

package/build/cjs/backend/__tests__/header.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.test.d.ts","sourceRoot":"","sources":["../../../../src/__tests__/header.test.ts"],"names":[],"mappings":""}

package/build/cjs/backend/__tests__/index.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.spec.d.ts.map

package/build/cjs/backend/__tests__/index.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.spec.d.ts","sourceRoot":"","sources":["../../../../src/__tests__/index.spec.ts"],"names":[],"mappings":""}

package/build/cjs/backend/__tests__/language-select.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=language-select.test.d.ts.map

package/build/cjs/backend/__tests__/language-select.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"language-select.test.d.ts","sourceRoot":"","sources":["../../../../src/__tests__/language-select.test.ts"],"names":[],"mappings":""}

package/build/cjs/backend/__tests__/logger.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=logger.spec.d.ts.map

package/build/cjs/backend/__tests__/logger.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logger.spec.d.ts","sourceRoot":"","sources":["../../../../src/__tests__/logger.spec.ts"],"names":[],"mappings":""}

package/build/cjs/backend/__tests__/mobile-base.test.d.ts

@@ -0,0 +1,2 @@
+import "@testing-library/jest-dom";
+//# sourceMappingURL=mobile-base.test.d.ts.map

package/build/cjs/backend/__tests__/mobile-base.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-base.test.d.ts","sourceRoot":"","sources":["../../../../src/__tests__/mobile-base.test.ts"],"names":[],"mappings":"AACA,OAAO,2BAA2B,CAAC"}

package/build/cjs/backend/__tests__/phase-banner.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=phase-banner.test.d.ts.map

package/build/cjs/backend/__tests__/phase-banner.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phase-banner.test.d.ts","sourceRoot":"","sources":["../../../../src/__tests__/phase-banner.test.ts"],"names":[],"mappings":""}

package/build/cjs/backend/__tests__/progress-button.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=progress-button.test.d.ts.map

package/build/cjs/backend/__tests__/progress-button.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-button.test.d.ts","sourceRoot":"","sources":["../../../../src/__tests__/progress-button.test.ts"],"names":[],"mappings":""}

package/build/cjs/backend/__tests__/skip-link.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=skip-link.test.d.ts.map

package/build/cjs/backend/__tests__/skip-link.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skip-link.test.d.ts","sourceRoot":"","sources":["../../../../src/__tests__/skip-link.test.ts"],"names":[],"mappings":""}

package/build/cjs/backend/__tests__/spinner.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=spinner.test.d.ts.map

package/build/cjs/backend/__tests__/spinner.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.test.d.ts","sourceRoot":"","sources":["../../../../src/__tests__/spinner.test.ts"],"names":[],"mappings":""}

package/build/cjs/backend/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var node_fs = require('node:fs');
+var fs = require('node:fs');
 var path = require('node:path');
 var pino = require('pino');
 var lodash = require('lodash');
@@ -187,20 +187,20 @@ var translationEn = {
 	stepCard: stepCard
 };
 
-let logger;
+let logger$1;
 const setCustomLogger = (customLogger) => {
-    logger = customLogger;
+    logger$1 = customLogger;
 };
 const getLogger = () => {
     var _a, _b;
-    if (!logger) {
-        logger = pino.pino({
-            name: "@govuk-one-login/frontend-passthrough-headers",
+    if (!logger$1) {
+        logger$1 = pino.pino({
+            name: "@govuk-one-login/frontend-ui",
             level: (_b = (_a = process.env.LOG_LEVEL) !== null && _a !== void 0 ? _a : process.env.LOGS_LEVEL) !== null && _b !== void 0 ? _b : "warn",
         });
-        return logger;
+        return logger$1;
     }
-    return logger;
+    return logger$1;
 };
 
 const getGTM = (req, res, next) => {
@@ -318,16 +318,19 @@ function getHelmetConfig(additions = {}) {
     return lodash.merge(baseHelmetConfig, additions);
 }
 
+const logger = getLogger();
 // Implementation
 function frontendUiMiddleware(req, res, next) {
     res.locals.translations = req.i18n.store.data[req.i18n.language];
-    res.locals.allTranslations = req.i18n.store.data;
     res.locals.basePath = process.cwd();
     next();
 }
 const setFrontendUiTranslations = (instanceI18n) => {
     instanceI18n.addResourceBundle("en", "translation", translationEn, true, false);
     instanceI18n.addResourceBundle("cy", "translation", translationCy, true, false);
+    if (process.env.CHECK_TRANSLATIONS_ENABLED) {
+        validateTranslations(instanceI18n.getResourceBundle("en", "translation"), instanceI18n.getResourceBundle("cy", "translation"));
+    }
 };
 const frontendUiMiddlewareIdentityBypass = (req, res, next) => {
     const localTranslations = {
@@ -339,32 +342,57 @@ const frontendUiMiddlewareIdentityBypass = (req, res, next) => {
     res.locals.basePath = process.cwd();
     next();
 };
-function resolvePath(obj, path) {
-    return path.split(".").reduce((acc, key) => (acc && typeof acc === "object" ? acc[key] : undefined), obj);
+function isPlainObject(val) {
+    return typeof val === "object" && val !== null && !Array.isArray(val);
+}
+function validateArrayItems(enArr, cyArr, fullPath) {
+    const longerArr = enArr.length >= cyArr.length ? enArr : cyArr;
+    longerArr.forEach((_, i) => {
+        const enItem = enArr[i];
+        const cyItem = cyArr[i];
+        if (isPlainObject(enItem) && isPlainObject(cyItem)) {
+            validateTranslations(enItem, cyItem, `${fullPath}[${i}]`);
+        }
+    });
+}
+function validateTranslations(en, cy, path = "") {
+    const allKeys = new Set([...Object.keys(en), ...Object.keys(cy)]);
+    for (const key of allKeys) {
+        const fullPath = path ? `${path}.${key}` : key;
+        if (!(key in en)) {
+            logger.warn(`Translation key exists in cy but is missing in en: ${fullPath}`);
+            continue;
+        }
+        if (!(key in cy)) {
+            logger.warn(`Translation key exists in en but is missing in cy: ${fullPath}`);
+            continue;
+        }
+        if (Array.isArray(en[key]) || Array.isArray(cy[key])) {
+            const enArr = en[key];
+            const cyArr = cy[key];
+            if (enArr.length !== cyArr.length) {
+                logger.warn(`Array length mismatch at: ${fullPath} - en has ${enArr.length} items, cy has ${cyArr.length} items`);
+            }
+            validateArrayItems(enArr, cyArr, fullPath);
+        }
+        else if (isPlainObject(en[key]) && isPlainObject(cy[key])) {
+            validateTranslations(en[key], cy[key], fullPath);
+        }
+    }
 }
-function buildSteps(allTranslations, currentTranslations, steps) {
-    if (!allTranslations || !steps || !currentTranslations)
-        return [];
-    return steps
-        .slice(0, 4)
-        .map(({ key, image }) => {
-        const allLanguageData = Object.keys(allTranslations).map((lng) => resolvePath(allTranslations[lng], key));
-        return {
-            data: resolvePath(currentTranslations, key),
-            allLanguageData,
-            image: image !== null && image !== void 0 ? image : null,
-        };
-    })
-        .filter(({ allLanguageData }) => allLanguageData.every((step) => { var _a, _b; return (step === null || step === void 0 ? void 0 : step.title) && ((step === null || step === void 0 ? void 0 : step.description) || ((_b = (_a = step === null || step === void 0 ? void 0 : step.bulletList) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) > 0); }));
+function warnCharacterLimit(text, limit) {
+    if (text.length > limit) {
+        logger.warn(`Text content exceeds character limit of ${limit} characters: "${text.slice(0, 30)}..."`);
+    }
 }
 function addFrontendUiGlobals(nunjucksEnv) {
     nunjucksEnv.addGlobal("addLanguageParam", addLanguageParam);
     nunjucksEnv.addGlobal("contactUsUrl", contactUsUrl);
-    nunjucksEnv.addGlobal("buildSteps", buildSteps);
+    nunjucksEnv.addGlobal("warnCharacterLimit", warnCharacterLimit);
 }
 function addLanguageParam(language, url) {
     if (!url) {
-        console.warn("URL is undefined. The parameter cannot be added, and the toggle will not work.");
+        logger.warn("URL is undefined. The parameter cannot be added, and the toggle will not work.");
         return "#invalid-url-lang-toggle";
     }
     url.searchParams.set("lng", language);
@@ -399,23 +427,22 @@ const getTranslationObject = (locale, filepath) => {
         path.resolve(filepath !== null && filepath !== void 0 ? filepath : "", locale, "translation.json"),
     ];
     for (const filePath of possiblePaths) {
-        if (node_fs.existsSync(filePath)) {
+        if (fs.existsSync(filePath)) {
             try {
-                const fileContent = node_fs.readFileSync(filePath, "utf8");
+                const fileContent = fs.readFileSync(filePath, "utf8");
                 return JSON.parse(fileContent);
             }
-            catch (error) {
-                console.error(`Error reading or parsing translation file at ${filePath}:`, error);
+            catch (_a) {
+                logger.warn(`Error reading or parsing translation file at ${filePath}:`);
             }
         }
     }
-    console.warn(`No translation file found for locale: ${locale}`);
+    logger.warn(`No translation file found for locale: ${locale}`);
     return {}; // Return an empty object as a fallback
 };
 
 exports.addFrontendUiGlobals = addFrontendUiGlobals;
 exports.addLanguageParam = addLanguageParam;
-exports.buildSteps = buildSteps;
 exports.contactUsUrl = contactUsUrl;
 exports.frontendUiMiddleware = frontendUiMiddleware;
 exports.frontendUiMiddlewareIdentityBypass = frontendUiMiddlewareIdentityBypass;
@@ -424,7 +451,8 @@ exports.frontendUiTranslationEn = translationEn;
 exports.getHelmetConfig = getHelmetConfig;
 exports.getTranslationObject = getTranslationObject;
 exports.locals = locals;
-exports.resolvePath = resolvePath;
 exports.setBaseTranslations = setBaseTranslations;
 exports.setFrontendUiTranslations = setFrontendUiTranslations;
 exports.settings = settings;
+exports.validateTranslations = validateTranslations;
+exports.warnCharacterLimit = warnCharacterLimit;

package/build/cjs/backend/index.d.cts

@@ -15,9 +15,6 @@ interface ExpressRequest extends Request {
 interface ExpressResponse extends Response {
     locals: {
         translations: unknown;
-        allTranslations: {
-            [lng: string]: unknown;
-        };
         basePath?: string;
     };
 }
@@ -27,9 +24,6 @@ interface PlainRequest {
 interface PlainResponse {
     locals: {
         translations: unknown;
-        allTranslations: {
-            [lng: string]: unknown;
-        };
         basePath?: string;
     };
 }
@@ -37,21 +31,8 @@ export declare function frontendUiMiddleware(req: ExpressRequest, res: ExpressRe
 export declare function frontendUiMiddleware(req: PlainRequest, res: PlainResponse, next: NextFunction): void;
 export declare const setFrontendUiTranslations: (instanceI18n: typeof i18next) => void;
 export declare const frontendUiMiddlewareIdentityBypass: (req: ExpressRequest, res: ExpressResponse, next: NextFunction) => void;
-export declare function resolvePath(obj: unknown, path: string): unknown;
-type StepData = {
-    title?: unknown;
-    description?: unknown;
-    bulletList?: unknown[];
-};
-type StepInput = {
-    key: string;
-    image?: string | null;
-};
-export declare function buildSteps(allTranslations: Record<string, unknown>, currentTranslations: unknown, steps: StepInput[]): {
-    data: StepData;
-    allLanguageData: StepData[];
-    image: string | null;
-}[];
+export declare function validateTranslations(en: Record<string, unknown>, cy: Record<string, unknown>, path?: string): void;
+export declare function warnCharacterLimit(text: string, limit: number): void;
 export declare function addFrontendUiGlobals(nunjucksEnv: {
     addGlobal: (name: string, value: unknown) => void;
 }): void;

package/build/cjs/backend/index.d.ts

@@ -15,9 +15,6 @@ interface ExpressRequest extends Request {
 interface ExpressResponse extends Response {
     locals: {
         translations: unknown;
-        allTranslations: {
-            [lng: string]: unknown;
-        };
         basePath?: string;
     };
 }
@@ -27,9 +24,6 @@ interface PlainRequest {
 interface PlainResponse {
     locals: {
         translations: unknown;
-        allTranslations: {
-            [lng: string]: unknown;
-        };
         basePath?: string;
     };
 }
@@ -37,21 +31,8 @@ export declare function frontendUiMiddleware(req: ExpressRequest, res: ExpressRe
 export declare function frontendUiMiddleware(req: PlainRequest, res: PlainResponse, next: NextFunction): void;
 export declare const setFrontendUiTranslations: (instanceI18n: typeof i18next) => void;
 export declare const frontendUiMiddlewareIdentityBypass: (req: ExpressRequest, res: ExpressResponse, next: NextFunction) => void;
-export declare function resolvePath(obj: unknown, path: string): unknown;
-type StepData = {
-    title?: unknown;
-    description?: unknown;
-    bulletList?: unknown[];
-};
-type StepInput = {
-    key: string;
-    image?: string | null;
-};
-export declare function buildSteps(allTranslations: Record<string, unknown>, currentTranslations: unknown, steps: StepInput[]): {
-    data: StepData;
-    allLanguageData: StepData[];
-    image: string | null;
-}[];
+export declare function validateTranslations(en: Record<string, unknown>, cy: Record<string, unknown>, path?: string): void;
+export declare function warnCharacterLimit(text: string, limit: number): void;
 export declare function addFrontendUiGlobals(nunjucksEnv: {
     addGlobal: (name: string, value: unknown) => void;
 }): void;

package/build/cjs/backend/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,OAAO,MAAM,SAAS,CAAC;AAK9B,cAAc,OAAO,CAAC;AAKtB,UAAU,QAAQ;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE;QACL,IAAI,EAAE;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;SAAE,CAAC;KAClC,CAAC;CACH;AAED,UAAU,cAAe,SAAQ,OAAO;IACtC,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,UAAU,eAAgB,SAAQ,QAAQ;IACxC,MAAM,EAAE;QACN,YAAY,EAAE,OAAO,CAAC;QACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AAED,UAAU,YAAY;IACpB,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,UAAU,aAAa;IACrB,MAAM,EAAE;QACN,YAAY,EAAE,OAAO,CAAC;QACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AAGD,wBAAgB,oBAAoB,CAClC,GAAG,EAAE,cAAc,EACnB,GAAG,EAAE,eAAe,EACpB,IAAI,EAAE,YAAY,GACjB,IAAI,CAAC;AAER,wBAAgB,oBAAoB,CAClC,GAAG,EAAE,YAAY,EACjB,GAAG,EAAE,aAAa,EAClB,IAAI,EAAE,YAAY,GACjB,IAAI,CAAC;AAaR,eAAO,MAAM,yBAAyB,GAAI,cAAc,OAAO,OAAO,SAsBrE,CAAC;AAEF,eAAO,MAAM,kCAAkC,GAC7C,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,MAAM,YAAY,SAUnB,CAAC;AAsBF,wBAAgB,oBAAoB,CAClC,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC3B,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC3B,IAAI,SAAK,GACR,IAAI,CAyBN;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,QAM7D;AAED,wBAAgB,oBAAoB,CAAC,WAAW,EAAE;IAChD,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACnD,QAIA;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,GAAG,UAU3D;AAED,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,iBAkBhE;AAED,eAAO,MAAM,mBAAmB,GAC9B,cAAc,OAAO,OAAO,EAC5B,WAAW,MAAM,SASlB,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,QAAQ,MAAM,EACd,WAAW,MAAM,KAChB,MAAM,CAAC,MAAM,EAAE,OAAO,CAsBxB,CAAC;AAEF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,gCAAgC,CAAC"}

package/build/cjs/backend/test/jest.setup.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=jest.setup.d.ts.map

package/build/cjs/backend/test/jest.setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jest.setup.d.ts","sourceRoot":"","sources":["../../../../src/test/jest.setup.ts"],"names":[],"mappings":""}

package/build/cjs/backend/test/jestHelper.d.ts

@@ -0,0 +1,5 @@
+import nunjucks from "nunjucks";
+export declare const nunjucksEnv: nunjucks.Environment;
+export declare function render(macroFolder: string, macroName: string, params?: {}): Document;
+export declare function renderTemplate(macroPath: string, params?: {}): Document;
+//# sourceMappingURL=jestHelper.d.ts.map

package/build/cjs/backend/test/jestHelper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jestHelper.d.ts","sourceRoot":"","sources":["../../../../src/test/jestHelper.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,UAAU,CAAC;AAYhC,eAAO,MAAM,WAAW,sBAMvB,CAAC;AAQF,wBAAgB,MAAM,CAAC,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,KAAK,YASzE;AAED,wBAAgB,cAAc,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,KAAK,YAM5D"}

package/build/components/step-card/README.md

@@ -2,67 +2,6 @@
 
 This component displays a numbered list of steps, each with an image, title, and description or bullet list. It is intended to guide users through a process in a clear, structured format.
 
-- Renders up to 4 steps
-- Each step's content comes from your translation files, referenced by a dot-notation key
-- A step is only rendered if it is valid (has a `title` and either a `description` or `bulletList`) in **all** configured languages
-- Steps that are invalid in any language are silently omitted
-
-## How it works
-
-Step content lives entirely in your translation files. The component uses `buildSteps` — a Nunjucks global provided by `@govuk-one-login/frontend-ui` — to resolve each step's content across all languages and filter out any steps that are incomplete in any language before passing them to the macro.
-
-`buildSteps` is called in the outer template scope (where Nunjucks globals are available), inline within the macro call. The macro itself just renders the pre-resolved steps.
-
-`allTranslations` and `translations` are set automatically on `res.locals` by `frontendUiMiddleware` and are available in all templates without any extra setup.
-
-## Setup
-
-Register `buildSteps` as a Nunjucks global in your app's Nunjucks configuration:
-
-```js
-const frontendUi = require("@govuk-one-login/frontend-ui");
-
-nunjucksEnv.addGlobal("buildSteps", frontendUi.buildSteps);
-```
-
-Or if you are already calling `addFrontendUiGlobals`, this is included automatically:
-
-```js
-frontendUi.addFrontendUiGlobals(nunjucksEnv);
-```
-
-Ensure `frontendUiMiddleware` is registered in your Express app:
-
-```js
-const { frontendUiMiddleware } = require("@govuk-one-login/frontend-ui");
-app.use(frontendUiMiddleware);
-```
-
-## Translation file structure
-
-Each step must have a `title` and either a `description` or a `bulletList`. The `key` you pass is the full dot-notation path from the root of the language object in your translation data.
-
-```json
-{
-  "pages": {
-    "myPage": {
-      "steps": [
-        {
-          "title": "Create an account",
-          "description": "Sign up using your email address."
-        },
-        {
-          "title": "Verify your identity",
-          "bulletList": ["Provide your passport", "Answer security questions"]
-        }
-      ]
-    }
-  }
-}
-```
-
-This structure must exist in **every** language's translation file. Any step missing `title` and `description`/`bulletList` in any language will be omitted from all languages.
-
 ## Usage
 
 ```njk
@@ -70,37 +9,35 @@ This structure must exist in **every** language's translation file. Any step mis
 
 {{ frontendUiStepCard({
   translations: translations.translation.stepCard,
-  steps: buildSteps(allTranslations, translations, [
-    { key: "translation.pages.myPage.steps.0", image: "/assets/images/step1.svg" },
-    { key: "translation.pages.myPage.steps.1", image: "/assets/images/step2.svg" },
-    { key: "translation.pages.myPage.steps.2", image: null }
-  ])
+  steps: [
+    {
+      data: { title: "Create an account", description: "Sign up using your email address." },
+      image: "/assets/images/step1.svg"
+    },
+    {
+      data: { title: "Verify your identity", bulletList: ["Provide your passport", "Answer security questions"] },
+      image: "/assets/images/step2.svg"
+    }
+  ]
 }) }}
 ```
 
 ## Parameters
 
-### `frontendUiStepCard`
-
 | Name | Type | Required | Description |
 |------|------|----------|-------------|
 | `translations` | object | Yes | Translations object for the component (e.g. `translations.translation.stepCard`). The template uses `translations.header` for the section heading. |
-| `steps` | array | Yes | Array of resolved step objects returned by `buildSteps`. |
-
-### `buildSteps(allTranslations, translations, steps)`
-
-| Argument | Type | Description |
-|----------|------|-------------|
-| `allTranslations` | object | All language translation data, available in templates as `allTranslations` via `frontendUiMiddleware`. |
-| `translations` | object | Current language translation data, available in templates as `translations` via `frontendUiMiddleware`. |
-| `steps` | array | Array of step definitions, each with a `key` and optional `image`. |
+| `steps` | array | Yes | Array of step objects, each with a `data` object and optional `image`. |
+| `unlimitedSteps` | boolean | No | If true, skips the default 4 step limit and renders all steps provided. |
 
-### Step definition
+### Step object
 
 | Name | Type | Required | Description |
 |------|------|----------|-------------|
-| `key` | string | Yes | Full dot-notation path to the step from the root of the language object (e.g. `translation.pages.myPage.steps.0`). |
-| `image` | string | No | Path to the step image. Falls back to an inline SVG placeholder if `null` or omitted. |
+| `data.title` | string | Yes | The step title. |
+| `data.description` | string | No | A short description. Either this or `data.bulletList` is required. |
+| `data.bulletList` | string[] | No | A list of bullet points. Either this or `data.description` is required. |
+| `image` | string | No | Path to the step image. Falls back to an inline SVG placeholder if omitted. |
 
 ## Styles
 

package/build/components/step-card/_index.scss

@@ -8,19 +8,25 @@
   flex-direction: column;
   align-items: flex-start;
   text-align: left;
-  background: #fff;
-  color: #0b0c0c;
+
+  .govuk-list {
+  margin-bottom: 0 !important;
+  width: 100%;
+  }
+
+
+  h2 {
+    margin-bottom: 5px;
+  }
 
   @media (max-width: 768px) {
-    padding-left: 0.75rem;
-    padding-right: 0.75rem;
-    margin-left: 0.75rem;
-    margin-right: 0.75rem;
+    padding-left: 15px;
+    padding-right: 15px;
   }
 
   @media (min-width: 769px) {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
+    padding-left: 30px;
+    padding-right: 30px;
   }
 }
 
@@ -47,7 +53,7 @@
   width: 100%;
 }
 
-.step-title-container {
+.step-header-container {
   display: grid;
   grid-template-columns: max-content 1fr;
   column-gap: 0.25em;
@@ -60,7 +66,7 @@
   margin-bottom: 0;
 }
 
-.step-title {
+.step-header {
   grid-column: 2;
   grid-row: 1;
   margin-bottom: 6px;
@@ -74,10 +80,10 @@
 }
 
 .step-description.govuk-list--bullet {
-  grid-column: 1 / -1;
+  grid-column: 2;
   padding-left: 0;
   margin-left: 1.2em;
-  margin-top: 0px;
+  margin-top: 0;
 }
 
 .step-card .govuk-list li:last-child .step-item-container {
@@ -95,7 +101,7 @@
     margin-bottom: 12px;
   }
 
-  .step-title-container {
+  .step-header-container {
     display: flex;
     flex-wrap: wrap;
     align-items: baseline;
@@ -105,8 +111,3 @@
     width: 100%;
   }
 }
-
-.govuk-list {
-  margin-bottom: 0 !important;
-  width: 100%;
-}

package/build/components/step-card/step-card.yaml

@@ -3,10 +3,14 @@ params:
     type: object
     required: true
     description: translations object from middleware (translations.translation.stepCard)
+  - name: unlimitedSteps
+    type: boolean
+    required: false
+    description: if true, skips the default 4 step limit and renders all steps provided.
   - name: steps
     type: array
     required: true
-    description: array of step objects combining translation data and image. Maximum of 4 steps will be rendered.
+    description: array of step objects, each with a data object and image. Steps are passed directly by the caller.
     params:
       - name: data
         type: object
@@ -15,8 +19,4 @@ params:
       - name: image
         type: string
         required: false
-        description: path to the image for this step, or null for the default placeholder
-  - name: stepsPath
-    type: string
-    required: false
-    description: dot-notation path to the steps array within each language's translation data (e.g. "translation.pages.stepCard1.steps"). Requires configureFrontendUiNunjucks to be called in your nunjucks setup. When provided, a step is only rendered if it is valid in all languages.
+        description: path to the image for this step, or null for the default placeholder

package/build/components/step-card/template.njk

@@ -1,20 +1,23 @@
 {% set stepCard = params.translations %}
 {% set steps = params.steps if params.steps else [] %}
 
-<div class="step-card govuk-!-padding-top-3 govuk-!-padding-bottom-6 govuk-!-margin-bottom-6">
+
+<div class="step-card govuk-!-padding-top-6 govuk-!-padding-bottom-6 govuk-!-margin-bottom-6">
   <h2 class="govuk-heading-m">{{ stepCard.header }}</h2>
   <ol class="govuk-list" role="list">
     {% for step in steps %}
+      {% if params.unlimitedSteps or loop.index <= 4 %}
       <li class="step-item" role="listitem">
         <div class="step-item-container govuk-!-padding-top-6{% if not loop.last %} govuk-!-padding-bottom-6{% endif %}">
           <div class="step-item-image" aria-hidden="true">
             <img src="{{ step.image if step.image else 'data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2270%22 height=%2270%22 viewBox=%220 0 70 70%22%3E%3Crect width=%2270%22 height=%2270%22 fill=%22%23e8f1f8%22/%3E%3C/svg%3E' }}" alt="">
           </div>
           <div class="step-item-content">
-            <div class="step-title-container">
+            <div class="step-header-container">
               <span class="step-number govuk-body govuk-!-font-weight-bold">{{loop.index}}.</span>
-              <p class="govuk-body govuk-!-font-weight-bold step-title">{{step.data.title}}</p>
+              <p class="govuk-body govuk-!-font-weight-bold step-header">{{step.data.title}}</p>
               {% if step.data.description and not step.data.bulletList %}
+              {{ warnCharacterLimit(step.data.description, 40) }}
               <p class="govuk-body step-description">{{ step.data.description }}</p>
               {% endif %}
               {% if step.data.bulletList and step.data.bulletList.length %}
@@ -28,6 +31,7 @@
           </div>
         </div>
       </li>
+      {% endif %}
     {% endfor %}
   </ol>
 </div>

package/build/esm/backend/__tests__/cookie-banner.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=cookie-banner.test.d.ts.map

package/build/esm/backend/__tests__/cookie-banner.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cookie-banner.test.d.ts","sourceRoot":"","sources":["../../../../src/__tests__/cookie-banner.test.ts"],"names":[],"mappings":""}

package/build/esm/backend/__tests__/footer.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=footer.test.d.ts.map

package/build/esm/backend/__tests__/footer.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.test.d.ts","sourceRoot":"","sources":["../../../../src/__tests__/footer.test.ts"],"names":[],"mappings":""}

package/build/esm/backend/__tests__/header.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=header.test.d.ts.map

package/build/esm/backend/__tests__/header.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.test.d.ts","sourceRoot":"","sources":["../../../../src/__tests__/header.test.ts"],"names":[],"mappings":""}

package/build/esm/backend/__tests__/index.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.spec.d.ts.map

package/build/esm/backend/__tests__/index.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.spec.d.ts","sourceRoot":"","sources":["../../../../src/__tests__/index.spec.ts"],"names":[],"mappings":""}

package/build/esm/backend/__tests__/language-select.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=language-select.test.d.ts.map

package/build/esm/backend/__tests__/language-select.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"language-select.test.d.ts","sourceRoot":"","sources":["../../../../src/__tests__/language-select.test.ts"],"names":[],"mappings":""}

package/build/esm/backend/__tests__/logger.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=logger.spec.d.ts.map

package/build/esm/backend/__tests__/logger.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logger.spec.d.ts","sourceRoot":"","sources":["../../../../src/__tests__/logger.spec.ts"],"names":[],"mappings":""}

package/build/esm/backend/__tests__/mobile-base.test.d.ts

@@ -0,0 +1,2 @@
+import "@testing-library/jest-dom";
+//# sourceMappingURL=mobile-base.test.d.ts.map

package/build/esm/backend/__tests__/mobile-base.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-base.test.d.ts","sourceRoot":"","sources":["../../../../src/__tests__/mobile-base.test.ts"],"names":[],"mappings":"AACA,OAAO,2BAA2B,CAAC"}

package/build/esm/backend/__tests__/phase-banner.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=phase-banner.test.d.ts.map

package/build/esm/backend/__tests__/phase-banner.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phase-banner.test.d.ts","sourceRoot":"","sources":["../../../../src/__tests__/phase-banner.test.ts"],"names":[],"mappings":""}

package/build/esm/backend/__tests__/progress-button.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=progress-button.test.d.ts.map

package/build/esm/backend/__tests__/progress-button.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-button.test.d.ts","sourceRoot":"","sources":["../../../../src/__tests__/progress-button.test.ts"],"names":[],"mappings":""}

package/build/esm/backend/__tests__/skip-link.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=skip-link.test.d.ts.map

package/build/esm/backend/__tests__/skip-link.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skip-link.test.d.ts","sourceRoot":"","sources":["../../../../src/__tests__/skip-link.test.ts"],"names":[],"mappings":""}

package/build/esm/backend/__tests__/spinner.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=spinner.test.d.ts.map

package/build/esm/backend/__tests__/spinner.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.test.d.ts","sourceRoot":"","sources":["../../../../src/__tests__/spinner.test.ts"],"names":[],"mappings":""}

package/build/esm/backend/index.d.ts

@@ -15,9 +15,6 @@ interface ExpressRequest extends Request {
 interface ExpressResponse extends Response {
     locals: {
         translations: unknown;
-        allTranslations: {
-            [lng: string]: unknown;
-        };
         basePath?: string;
     };
 }
@@ -27,9 +24,6 @@ interface PlainRequest {
 interface PlainResponse {
     locals: {
         translations: unknown;
-        allTranslations: {
-            [lng: string]: unknown;
-        };
         basePath?: string;
     };
 }
@@ -37,21 +31,8 @@ export declare function frontendUiMiddleware(req: ExpressRequest, res: ExpressRe
 export declare function frontendUiMiddleware(req: PlainRequest, res: PlainResponse, next: NextFunction): void;
 export declare const setFrontendUiTranslations: (instanceI18n: typeof i18next) => void;
 export declare const frontendUiMiddlewareIdentityBypass: (req: ExpressRequest, res: ExpressResponse, next: NextFunction) => void;
-export declare function resolvePath(obj: unknown, path: string): unknown;
-type StepData = {
-    title?: unknown;
-    description?: unknown;
-    bulletList?: unknown[];
-};
-type StepInput = {
-    key: string;
-    image?: string | null;
-};
-export declare function buildSteps(allTranslations: Record<string, unknown>, currentTranslations: unknown, steps: StepInput[]): {
-    data: StepData;
-    allLanguageData: StepData[];
-    image: string | null;
-}[];
+export declare function validateTranslations(en: Record<string, unknown>, cy: Record<string, unknown>, path?: string): void;
+export declare function warnCharacterLimit(text: string, limit: number): void;
 export declare function addFrontendUiGlobals(nunjucksEnv: {
     addGlobal: (name: string, value: unknown) => void;
 }): void;

package/build/esm/backend/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,OAAO,MAAM,SAAS,CAAC;AAK9B,cAAc,OAAO,CAAC;AAKtB,UAAU,QAAQ;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE;QACL,IAAI,EAAE;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;SAAE,CAAC;KAClC,CAAC;CACH;AAED,UAAU,cAAe,SAAQ,OAAO;IACtC,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,UAAU,eAAgB,SAAQ,QAAQ;IACxC,MAAM,EAAE;QACN,YAAY,EAAE,OAAO,CAAC;QACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AAED,UAAU,YAAY;IACpB,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,UAAU,aAAa;IACrB,MAAM,EAAE;QACN,YAAY,EAAE,OAAO,CAAC;QACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AAGD,wBAAgB,oBAAoB,CAClC,GAAG,EAAE,cAAc,EACnB,GAAG,EAAE,eAAe,EACpB,IAAI,EAAE,YAAY,GACjB,IAAI,CAAC;AAER,wBAAgB,oBAAoB,CAClC,GAAG,EAAE,YAAY,EACjB,GAAG,EAAE,aAAa,EAClB,IAAI,EAAE,YAAY,GACjB,IAAI,CAAC;AAaR,eAAO,MAAM,yBAAyB,GAAI,cAAc,OAAO,OAAO,SAsBrE,CAAC;AAEF,eAAO,MAAM,kCAAkC,GAC7C,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,MAAM,YAAY,SAUnB,CAAC;AAsBF,wBAAgB,oBAAoB,CAClC,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC3B,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC3B,IAAI,SAAK,GACR,IAAI,CAyBN;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,QAM7D;AAED,wBAAgB,oBAAoB,CAAC,WAAW,EAAE;IAChD,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACnD,QAIA;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,GAAG,UAU3D;AAED,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,iBAkBhE;AAED,eAAO,MAAM,mBAAmB,GAC9B,cAAc,OAAO,OAAO,EAC5B,WAAW,MAAM,SASlB,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,QAAQ,MAAM,EACd,WAAW,MAAM,KAChB,MAAM,CAAC,MAAM,EAAE,OAAO,CAsBxB,CAAC;AAEF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,gCAAgC,CAAC"}

package/build/esm/backend/index.js

@@ -1,4 +1,4 @@
-import { existsSync, readFileSync } from 'node:fs';
+import fs from 'node:fs';
 import path from 'node:path';
 import { pino } from 'pino';
 import { merge } from 'lodash';
@@ -185,20 +185,20 @@ var translationEn = {
 	stepCard: stepCard
 };
 
-let logger;
+let logger$1;
 const setCustomLogger = (customLogger) => {
-    logger = customLogger;
+    logger$1 = customLogger;
 };
 const getLogger = () => {
     var _a, _b;
-    if (!logger) {
-        logger = pino({
-            name: "@govuk-one-login/frontend-passthrough-headers",
+    if (!logger$1) {
+        logger$1 = pino({
+            name: "@govuk-one-login/frontend-ui",
             level: (_b = (_a = process.env.LOG_LEVEL) !== null && _a !== void 0 ? _a : process.env.LOGS_LEVEL) !== null && _b !== void 0 ? _b : "warn",
         });
-        return logger;
+        return logger$1;
     }
-    return logger;
+    return logger$1;
 };
 
 const getGTM = (req, res, next) => {
@@ -316,16 +316,19 @@ function getHelmetConfig(additions = {}) {
     return merge(baseHelmetConfig, additions);
 }
 
+const logger = getLogger();
 // Implementation
 function frontendUiMiddleware(req, res, next) {
     res.locals.translations = req.i18n.store.data[req.i18n.language];
-    res.locals.allTranslations = req.i18n.store.data;
     res.locals.basePath = process.cwd();
     next();
 }
 const setFrontendUiTranslations = (instanceI18n) => {
     instanceI18n.addResourceBundle("en", "translation", translationEn, true, false);
     instanceI18n.addResourceBundle("cy", "translation", translationCy, true, false);
+    if (process.env.CHECK_TRANSLATIONS_ENABLED) {
+        validateTranslations(instanceI18n.getResourceBundle("en", "translation"), instanceI18n.getResourceBundle("cy", "translation"));
+    }
 };
 const frontendUiMiddlewareIdentityBypass = (req, res, next) => {
     const localTranslations = {
@@ -337,32 +340,57 @@ const frontendUiMiddlewareIdentityBypass = (req, res, next) => {
     res.locals.basePath = process.cwd();
     next();
 };
-function resolvePath(obj, path) {
-    return path.split(".").reduce((acc, key) => (acc && typeof acc === "object" ? acc[key] : undefined), obj);
+function isPlainObject(val) {
+    return typeof val === "object" && val !== null && !Array.isArray(val);
+}
+function validateArrayItems(enArr, cyArr, fullPath) {
+    const longerArr = enArr.length >= cyArr.length ? enArr : cyArr;
+    longerArr.forEach((_, i) => {
+        const enItem = enArr[i];
+        const cyItem = cyArr[i];
+        if (isPlainObject(enItem) && isPlainObject(cyItem)) {
+            validateTranslations(enItem, cyItem, `${fullPath}[${i}]`);
+        }
+    });
+}
+function validateTranslations(en, cy, path = "") {
+    const allKeys = new Set([...Object.keys(en), ...Object.keys(cy)]);
+    for (const key of allKeys) {
+        const fullPath = path ? `${path}.${key}` : key;
+        if (!(key in en)) {
+            logger.warn(`Translation key exists in cy but is missing in en: ${fullPath}`);
+            continue;
+        }
+        if (!(key in cy)) {
+            logger.warn(`Translation key exists in en but is missing in cy: ${fullPath}`);
+            continue;
+        }
+        if (Array.isArray(en[key]) || Array.isArray(cy[key])) {
+            const enArr = en[key];
+            const cyArr = cy[key];
+            if (enArr.length !== cyArr.length) {
+                logger.warn(`Array length mismatch at: ${fullPath} - en has ${enArr.length} items, cy has ${cyArr.length} items`);
+            }
+            validateArrayItems(enArr, cyArr, fullPath);
+        }
+        else if (isPlainObject(en[key]) && isPlainObject(cy[key])) {
+            validateTranslations(en[key], cy[key], fullPath);
+        }
+    }
 }
-function buildSteps(allTranslations, currentTranslations, steps) {
-    if (!allTranslations || !steps || !currentTranslations)
-        return [];
-    return steps
-        .slice(0, 4)
-        .map(({ key, image }) => {
-        const allLanguageData = Object.keys(allTranslations).map((lng) => resolvePath(allTranslations[lng], key));
-        return {
-            data: resolvePath(currentTranslations, key),
-            allLanguageData,
-            image: image !== null && image !== void 0 ? image : null,
-        };
-    })
-        .filter(({ allLanguageData }) => allLanguageData.every((step) => { var _a, _b; return (step === null || step === void 0 ? void 0 : step.title) && ((step === null || step === void 0 ? void 0 : step.description) || ((_b = (_a = step === null || step === void 0 ? void 0 : step.bulletList) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) > 0); }));
+function warnCharacterLimit(text, limit) {
+    if (text.length > limit) {
+        logger.warn(`Text content exceeds character limit of ${limit} characters: "${text.slice(0, 30)}..."`);
+    }
 }
 function addFrontendUiGlobals(nunjucksEnv) {
     nunjucksEnv.addGlobal("addLanguageParam", addLanguageParam);
     nunjucksEnv.addGlobal("contactUsUrl", contactUsUrl);
-    nunjucksEnv.addGlobal("buildSteps", buildSteps);
+    nunjucksEnv.addGlobal("warnCharacterLimit", warnCharacterLimit);
 }
 function addLanguageParam(language, url) {
     if (!url) {
-        console.warn("URL is undefined. The parameter cannot be added, and the toggle will not work.");
+        logger.warn("URL is undefined. The parameter cannot be added, and the toggle will not work.");
         return "#invalid-url-lang-toggle";
     }
     url.searchParams.set("lng", language);
@@ -397,18 +425,18 @@ const getTranslationObject = (locale, filepath) => {
         path.resolve(filepath !== null && filepath !== void 0 ? filepath : "", locale, "translation.json"),
     ];
     for (const filePath of possiblePaths) {
-        if (existsSync(filePath)) {
+        if (fs.existsSync(filePath)) {
             try {
-                const fileContent = readFileSync(filePath, "utf8");
+                const fileContent = fs.readFileSync(filePath, "utf8");
                 return JSON.parse(fileContent);
             }
-            catch (error) {
-                console.error(`Error reading or parsing translation file at ${filePath}:`, error);
+            catch (_a) {
+                logger.warn(`Error reading or parsing translation file at ${filePath}:`);
             }
         }
     }
-    console.warn(`No translation file found for locale: ${locale}`);
+    logger.warn(`No translation file found for locale: ${locale}`);
     return {}; // Return an empty object as a fallback
 };
 
-export { addFrontendUiGlobals, addLanguageParam, buildSteps, contactUsUrl, frontendUiMiddleware, frontendUiMiddlewareIdentityBypass, translationCy as frontendUiTranslationCy, translationEn as frontendUiTranslationEn, getHelmetConfig, getTranslationObject, locals, resolvePath, setBaseTranslations, setFrontendUiTranslations, settings };
+export { addFrontendUiGlobals, addLanguageParam, contactUsUrl, frontendUiMiddleware, frontendUiMiddlewareIdentityBypass, translationCy as frontendUiTranslationCy, translationEn as frontendUiTranslationEn, getHelmetConfig, getTranslationObject, locals, setBaseTranslations, setFrontendUiTranslations, settings, validateTranslations, warnCharacterLimit };

package/build/esm/backend/test/jest.setup.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=jest.setup.d.ts.map

package/build/esm/backend/test/jest.setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jest.setup.d.ts","sourceRoot":"","sources":["../../../../src/test/jest.setup.ts"],"names":[],"mappings":""}

package/build/esm/backend/test/jestHelper.d.ts

@@ -0,0 +1,5 @@
+import nunjucks from "nunjucks";
+export declare const nunjucksEnv: nunjucks.Environment;
+export declare function render(macroFolder: string, macroName: string, params?: {}): Document;
+export declare function renderTemplate(macroPath: string, params?: {}): Document;
+//# sourceMappingURL=jestHelper.d.ts.map

package/build/esm/backend/test/jestHelper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jestHelper.d.ts","sourceRoot":"","sources":["../../../../src/test/jestHelper.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,UAAU,CAAC;AAYhC,eAAO,MAAM,WAAW,sBAMvB,CAAC;AAQF,wBAAgB,MAAM,CAAC,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,KAAK,YASzE;AAED,wBAAgB,cAAc,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,KAAK,YAM5D"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@govuk-one-login/frontend-ui",
-  "version": "5.1.1",
+  "version": "5.2.0",
   "description": "",
   "main": "build/cjs/backend/index.cjs",
   "module": "build/esm/backend/index.js",
@@ -11,7 +11,7 @@
   "scripts": {
     "build": "rollup -c",
     "dev": "rollup -c --watch",
-    "test": "jest --coverage src",
+    "test": "vitest --coverage src",
     "test:visual": "playwright test browser-tests/functional-tests",
     "test:visual:update": "playwright test browser-tests/functional-tests --update-snapshots"
   },
@@ -50,6 +50,9 @@
   "peerDependenciesMeta": {
     "hmpo-components": {
       "optional": true
+    },
+    "@govuk-one-login/frontend-analytics": {
+      "optional": true
     }
   },
   "exports": {
@@ -62,8 +65,5 @@
       "require": "./build/cjs/frontend/index.cjs"
     }
   },
-  "types": "./build/esm/backend/index.d.ts",
-  "optionalDependencies": {
-    "@govuk-one-login/frontend-analytics": "^4.0.7"
-  }
+  "types": "./build/esm/backend/index.d.ts"
 }