@govuk-one-login/frontend-ui 1.3.12 → 1.3.14

package/build/components/bases/ipv-core/ipv-core-base.njk

@@ -88,7 +88,8 @@
                         {% if (displayBanner) %}
                             {{ govukNotificationBanner({
                         html: bannerMessage,
-                        type: bannerType
+                        type: bannerType,
+                        titleText: bannerTitleText
                     }) }}
                         {% endif %}
 
@@ -151,4 +152,4 @@
         isPageDynamic: isPageDynamic,
         englishPageTitle: pageTitleKey | translateToEnglish }) }}
 
-    {% endblock %}
+    {% endblock %}

package/build/components/bases/mobile/mobile-base.njk

@@ -1,5 +1,5 @@
 {% if MAY_2025_REBRAND_ENABLED %}
-{% set govukRebrand = true %}
+  {% set govukRebrand = true %}
 {% endif %}
 
 {% extends "govuk/template.njk" %}
@@ -9,6 +9,7 @@
 {% from "frontend-ui/build/components/header/macro.njk" import frontendUiHeader %}
 {% from "frontend-ui/build/components/footer/macro.njk" import frontendUiFooter %}
 {% from "frontend-ui/build/components/language-select/macro.njk" import frontendUiLanguageSelect %}
+{% from "govuk/components/notification-banner/macro.njk" import govukNotificationBanner %}
 {% from "ga4-opl/macro.njk" import ga4OnPageLoad %}
 
 {% if makeFullWidth %}
@@ -17,20 +18,19 @@
   {% set columnWidth = 'two-thirds' %}
 {% endif %}
 
-
 {% block head %}
-    <link href="/stylesheets/application.css" rel="stylesheet">
-    <link href="/stylesheets/language-toggle.css" rel="stylesheet">
-    <meta name="robots" content="noindex">
+  <link href="/stylesheets/application.css" rel="stylesheet">
+  <link href="/stylesheets/language-toggle.css" rel="stylesheet">
+  <meta name="robots" content="noindex">
 
 {% endblock %}
 
 {% block pageTitle %}
-    {% if pageTitleName %}
-        {{ pageTitleName }}
+  {% if pageTitleName %}
+    {{ pageTitleName }}
         -
     {% endif %}
-    {{ 'general.serviceNameTitle' | translate }}
+  {{ 'general.serviceNameTitle' | translate }}
 {% endblock %}
 
 {% block bodyStart %}
@@ -43,7 +43,7 @@
 {% endblock %}
 
 {% block header %}
-    {{ frontendUiHeader({
+  {{ frontendUiHeader({
       translations: translations.translation.header,
       homepageUrl: "https://www.gov.uk"
     }) }}
@@ -53,7 +53,7 @@
   <div class="govuk-width-container {{ containerClasses }}">
     {% if doNotShowPhaseBanner %}
     {% else %}
-    {{ frontendUiPhaseBanner({
+      {{ frontendUiPhaseBanner({
       translations: translations.translation.phaseBanner,
       url: currentUrl,
       contactUrl: supportFormLink,
@@ -62,7 +62,7 @@
     {% endif %}
 
     {% if showLanguageToggle %}
-     {{ frontendUiLanguageSelect({
+      {{ frontendUiLanguageSelect({
       translations: translations.translation.languageSelect,
       url: currentUrl,
       activeLanguage: htmlLang
@@ -76,13 +76,20 @@
         }) }}
     {% endif %}
     {% if showBackLinkHtml %}
-    <a href="#" id="back-button" class="govuk-back-link">{{'general.buttons.back' | translate}}</a>
+      <a href="#" id="back-button" class="govuk-back-link">{{'general.buttons.back' | translate}}</a>
     {% endif %}
     <main class="govuk-main-wrapper {{ mainClasses }} govuk-!-padding-top-2" id="main-content" role="main" >
-        <div class="govuk-grid-row">
-            <div class="govuk-grid-column-{{columnWidth}} {{ rowClasses }}">
-            {% block content %}{% endblock %}
-            </div>
+      <div class="govuk-grid-row">
+        <div class="govuk-grid-column-{{columnWidth}} {{ rowClasses }}">
+          {% if (displayBanner) %}
+            {{ govukNotificationBanner({
+                        html: bannerMessage,
+                        type: bannerType,
+                        titleText: bannerTitleText
+                    }) }}
+          {% endif %}
+          {% block content %}{% endblock %}
+        </div>
       </div>
     </main>
   </div>
@@ -90,8 +97,44 @@
 
 {% block footer %}
   {{ frontendUiFooter({
-    translations: translations.translation.footer
-  }) }}
+        translations: {
+          footerNavItems: [
+            {
+              href: "/accessibilitystatement",
+              text: 'general.base.footer.accessibility' | translate
+            },
+            {
+              href: 'general.cookieBanner.viewCookiesLink' | translate,
+              text: 'general.base.footer.cookies' | translate
+            },
+            {
+              href: 'general.base.footer.termsAndConditions.link' | translate,
+              text: 'general.base.footer.termsAndConditions.linkText' | translate,
+              attributes: { "data-pw": "terms-and-conditions-link" }
+            },
+            {
+              href: 'general.base.footer.privacy.link' | translate | safe,
+              text: 'general.base.footer.privacy.linkText' | translate,
+              attributes: { "data-pw": "privacy-notice-link" }
+            },
+            {
+              href: supportFormLink,
+              text: 'general.base.footer.support.linkText' | translate,
+              attributes: {
+                target: "_blank",
+                rel: "noopener noreferrer",
+                "data-pw": "footer-support-form-link"
+              }
+            }
+          ],
+          contentLicence: {
+              html: 'general.base.footer.contentLicence.linkText' | translate | safe
+          },
+          copyright: {
+              text: 'general.base.footer.copyright.linkText' | translate
+          }
+        }
+    }) }}
 {% endblock %}
 
 {% block bodyEnd %}
@@ -115,7 +158,7 @@
       });
   </script>
   <script type="text/javascript" nonce='{{scriptNonce}}'>
-    if (document.getElementById('back-button')) 
+    if (document.getElementById('back-button'))
       document
         .getElementById('back-button')
         .addEventListener('click', (e) => {
@@ -127,7 +170,7 @@
   </script>
 
   <script type="module" nonce="{{scriptNonce}}">
-    import { setFingerprintCookie } from "/public/scripts/index.js";
+    import {setFingerprintCookie} from "/public/scripts/index.js";
     await setFingerprintCookie("{{analyticsCookieDomain}}");
   </script>
-{% endblock %}
+{% endblock %}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@govuk-one-login/frontend-ui",
-  "version": "1.3.12",
+  "version": "1.3.14",
   "description": "",
   "main": "build/cjs/backend/index.cjs",
   "module": "build/esm/backend/index.js",
@@ -12,8 +12,8 @@
     "build": "rollup -c",
     "dev": "rollup -c --watch",
     "test": "jest --coverage src",
-    "test:visual": "playwright test browser-tests/functional-tests --headed",
-    "test:visual:update": "playwright test browser-tests/functional-tests --headed --update-snapshots"
+    "test:visual": "playwright test browser-tests/functional-tests",
+    "test:visual:update": "playwright test browser-tests/functional-tests --update-snapshots"
   },
   "files": [
     "build/",