@govuk-one-login/frontend-ui 4.2.1 → 4.2.3

package/build/cjs/backend/index.cjs

@@ -24,6 +24,7 @@ var cookieBanner$1 = {
 	viewCookiesLink: "https://signin.account.gov.uk/cookies"
 };
 var footer$1 = {
+	navItemHiddenHeader: "Dolenni cymorth",
 	footerNavItems: [
 		{
 			href: "https://signin.account.gov.uk/accessibility-statement",
@@ -110,6 +111,7 @@ var cookieBanner = {
 	viewCookiesLink: "https://signin.account.gov.uk/cookies"
 };
 var footer = {
+	navItemHiddenHeader: "Support links",
 	footerNavItems: [
 		{
 			href: "https://signin.account.gov.uk/accessibility-statement",

package/build/cjs/frontend/index.cjs

@@ -289,7 +289,8 @@ class Spinner {
     }
 }
 
-function initialiseProgressButtons(document = window.document) {
+const DEFAULT_ERROR_TIMEOUT = 10000; // 10 seconds
+function initialiseProgressButtons(document = window.document, customErrorTimeout) {
     // Create a single live region for button status announcements
     const statusRegion = document.createElement('div');
     statusRegion.setAttribute('aria-live', 'assertive');
@@ -324,6 +325,9 @@ function initialiseProgressButtons(document = window.document) {
             const waitingText = button.getAttribute('data-waiting-text');
             const longWaitingText = button.getAttribute('data-long-waiting-text');
             const errorPage = button.getAttribute('data-error-page');
+            if (button.hasAttribute('data-error-timeout')) {
+                customErrorTimeout = parseInt(button.getAttribute('data-error-timeout'));
+            }
             const isInput = button.tagName.toLowerCase() === 'input';
             if (!waitingText || !longWaitingText || !errorPage) {
                 console.error('Progress button is missing required data attributes.');
@@ -331,7 +335,7 @@ function initialiseProgressButtons(document = window.document) {
             }
             isSubmitting = true;
             // Always handle the button click, regardless of form presence
-            handleProgressButtonClick(button, waitingText, longWaitingText, errorPage, isInput);
+            handleProgressButtonClick(button, waitingText, longWaitingText, errorPage, isInput, customErrorTimeout || DEFAULT_ERROR_TIMEOUT);
             // If no form, we're done. If there is a form, the form submit handler will take over
             if (!form) {
                 return;
@@ -356,7 +360,7 @@ function initialiseProgressButtons(document = window.document) {
         }
     });
 }
-function handleProgressButtonClick(element, waitingText, longWaitingText, errorPage, isInput) {
+function handleProgressButtonClick(element, waitingText, longWaitingText, errorPage, isInput, errorTimeoutDuration = DEFAULT_ERROR_TIMEOUT) {
     var originalText = isInput && element instanceof HTMLInputElement ? element.value : element.innerText;
     const statusRegion = document.querySelector('.govuk-visually-hidden[role="status"]');
     if (typeof element.blur === 'function') {
@@ -404,7 +408,7 @@ function handleProgressButtonClick(element, waitingText, longWaitingText, errorP
     }, 5000);
     var errorTimeout = window.setTimeout(function () {
         window.location.href = errorPage;
-    }, 10000);
+    }, errorTimeoutDuration);
     function resetButton() {
         var classes = element.className.split(' ');
         var loadingIndex = classes.indexOf('govuk-button--progress-loading');

package/build/cjs/frontend/progress-button/progress-button.d.ts

@@ -1,2 +1,2 @@
-export declare function initialiseProgressButtons(document?: Document): void;
+export declare function initialiseProgressButtons(document?: Document, customErrorTimeout?: number): void;
 //# sourceMappingURL=progress-button.d.ts.map

package/build/cjs/frontend/progress-button/progress-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress-button.d.ts","sourceRoot":"","sources":["../../../../frontend-src/progress-button/progress-button.ts"],"names":[],"mappings":"AAAA,wBAAgB,yBAAyB,CAAC,QAAQ,GAAE,QAA0B,QAiF7E"}
+{"version":3,"file":"progress-button.d.ts","sourceRoot":"","sources":["../../../../frontend-src/progress-button/progress-button.ts"],"names":[],"mappings":"AAEA,wBAAgB,yBAAyB,CAAC,QAAQ,GAAE,QAA0B,EAAE,kBAAkB,CAAC,EAAE,MAAM,QAmF1G"}

package/build/components/bases/identity/identity-base-form.njk

@@ -72,12 +72,9 @@
 
 {% block bodyEnd %}
   {% block scripts %}
-    <script type="text/javascript" src="/public/javascripts/all.js"></script>
+    <script type="module" src="/public/javascripts/all.js"></script>
     <script type="text/javascript" src="/public/javascripts/analytics.js"></script>
     <script type="text/javascript" {% if cspNonce %} nonce="{{ cspNonce }}"{%  endif %}>
-      window
-        .GOVUKFrontend
-        .initAll()
       window
         .DI
         .appInit({
@@ -120,4 +117,4 @@
         loggedInStatus: loggedInStatus
     }) }}
   {% endblock %}
-{% endblock %}
+{% endblock %}

package/build/components/bases/identity/identity-base-page.njk

@@ -72,12 +72,9 @@
 
 {% block bodyEnd %}
   {% block scripts %}
-    <script type="text/javascript" src="/public/javascripts/all.js"></script>
+    <script type="module" src="/public/javascripts/all.js"></script>
     <script type="text/javascript" src="/public/javascripts/analytics.js"></script>
     <script type="text/javascript" {% if cspNonce %} nonce="{{ cspNonce }}"{%  endif %}>
-      window
-        .GOVUKFrontend
-        .initAll()
       window
         .DI
         .appInit({
@@ -120,4 +117,4 @@
         loggedInStatus: loggedInStatus
     }) }}
   {% endblock %}
-{% endblock %}
+{% endblock %}

package/build/components/footer/template.njk

@@ -2,7 +2,7 @@
 
 {% from "govuk/components/footer/macro.njk" import govukFooter %}
     {{ govukFooter({
-    meta: { items: footer.footerNavItems },
+    meta: { visuallyHiddenTitle: footer.navItemHiddenHeader, items: footer.footerNavItems },
     contentLicence: { html: footer.contentLicence.html },
     copyright: { text: footer.copyright.text },
     rebrand: MAY_2025_REBRAND_ENABLED,

package/build/components/progress-button/progress-button.yaml

@@ -10,4 +10,8 @@ params:
   - name: errorPage
     type: string
     required: true
-    description: URL for the error help page
+    description: URL for the error help page
+  - name: customDevErrorTimeout
+    type: string
+    required: false
+    description: Custom error timeout for development/testing purposes (in milliseconds) - to be used in dev/test only

package/build/components/progress-button/template.njk

@@ -65,7 +65,7 @@ treat it as an interactive element - without this it will be
       </div>
     </noscript>
 
-    <a href="{{ params.href if params.href else '#' }}" role="button" draggable="false" {{- commonAttributes | safe }} class = "{{ classNames }}" data-frontendui="di-progress-button" data-waiting-text="{{ progressButton.waitingText }}" data-long-waiting-text="{{ progressButton.longWaitingText }}" data-error-page="{{ params.errorPage | default('#') }}" >
+    <a href="{{ params.href if params.href else '#' }}" role="button" draggable="false" {{- commonAttributes | safe }} class = "{{ classNames }}" data-frontendui="di-progress-button" data-waiting-text="{{ progressButton.waitingText }}" data-long-waiting-text="{{ progressButton.longWaitingText }}" data-error-page="{{ params.errorPage | default('#') }}" {%- if params.customDevErrorTimeout %} data-error-timeout={{ params.customDevErrorTimeout }} {% endif %} >
       {% if params.html %}
         {{ params.html | safe }}
       {% elseif params.text %}
@@ -85,7 +85,7 @@ treat it as an interactive element - without this it will be
       </div>
     </noscript>
 
-    <button {%- if params.value %} value="{{ params.value }}"{% endif %}{%- if params.type %} type="{{ params.type }}"{% endif %} {{- buttonAttributes | safe }} {{- commonAttributes | safe }} class = "{{ classNames }}" data-frontendui="di-progress-button" data-waiting-text="{{ progressButton.waitingText }}" data-long-waiting-text="{{ progressButton.longWaitingText }}" data-error-page="{{ params.errorPage | default('#') }}" >
+    <button {%- if params.value %} value="{{ params.value }}"{% endif %}{%- if params.type %} type="{{ params.type }}"{% endif %} {{- buttonAttributes | safe }} {{- commonAttributes | safe }} class = "{{ classNames }}" data-frontendui="di-progress-button" data-waiting-text="{{ progressButton.waitingText }}" data-long-waiting-text="{{ progressButton.longWaitingText }}" data-error-page="{{ params.errorPage | default('#') }}" {%- if params.customDevErrorTimeout %} data-error-timeout={{ params.customDevErrorTimeout }} {% endif %} >
       {% if params.html %}
         {{ params.html | safe }}
       {% elseif params.text %}
@@ -105,7 +105,7 @@ treat it as an interactive element - without this it will be
         {{ progressButton.noJavascriptMessage }}
       </div>
     </noscript>
-    <input value="{{ params.value }}" type="{{ params.type if params.type else 'submit'}}"{{- buttonAttributes | safe }} {{- commonAttributes | safe }} class = "{{ classNames }}" data-frontendui="di-progress-button" data-waiting-text="{{ progressButton.waitingText }}" data-long-waiting-text="{{ progressButton.longWaitingText }}" data-error-page="{{ params.errorPage | default('#') }}" >
+    <input value="{{ params.value }}" type="{{ params.type if params.type else 'submit'}}"{{- buttonAttributes | safe }} {{- commonAttributes | safe }} class = "{{ classNames }}" data-frontendui="di-progress-button" data-waiting-text="{{ progressButton.waitingText }}" data-long-waiting-text="{{ progressButton.longWaitingText }}" data-error-page="{{ params.errorPage | default('#') }}" {%- if params.customDevErrorTimeout %} data-error-timeout={{ params.customDevErrorTimeout }} {% endif %} >
     {{- iconHtml | safe | trim | indent(2, true) if iconHtml -}}
   </div>
 

package/build/esm/backend/index.js

@@ -22,6 +22,7 @@ var cookieBanner$1 = {
 	viewCookiesLink: "https://signin.account.gov.uk/cookies"
 };
 var footer$1 = {
+	navItemHiddenHeader: "Dolenni cymorth",
 	footerNavItems: [
 		{
 			href: "https://signin.account.gov.uk/accessibility-statement",
@@ -108,6 +109,7 @@ var cookieBanner = {
 	viewCookiesLink: "https://signin.account.gov.uk/cookies"
 };
 var footer = {
+	navItemHiddenHeader: "Support links",
 	footerNavItems: [
 		{
 			href: "https://signin.account.gov.uk/accessibility-statement",

package/build/esm/frontend/index.js

@@ -287,7 +287,8 @@ class Spinner {
     }
 }
 
-function initialiseProgressButtons(document = window.document) {
+const DEFAULT_ERROR_TIMEOUT = 10000; // 10 seconds
+function initialiseProgressButtons(document = window.document, customErrorTimeout) {
     // Create a single live region for button status announcements
     const statusRegion = document.createElement('div');
     statusRegion.setAttribute('aria-live', 'assertive');
@@ -322,6 +323,9 @@ function initialiseProgressButtons(document = window.document) {
             const waitingText = button.getAttribute('data-waiting-text');
             const longWaitingText = button.getAttribute('data-long-waiting-text');
             const errorPage = button.getAttribute('data-error-page');
+            if (button.hasAttribute('data-error-timeout')) {
+                customErrorTimeout = parseInt(button.getAttribute('data-error-timeout'));
+            }
             const isInput = button.tagName.toLowerCase() === 'input';
             if (!waitingText || !longWaitingText || !errorPage) {
                 console.error('Progress button is missing required data attributes.');
@@ -329,7 +333,7 @@ function initialiseProgressButtons(document = window.document) {
             }
             isSubmitting = true;
             // Always handle the button click, regardless of form presence
-            handleProgressButtonClick(button, waitingText, longWaitingText, errorPage, isInput);
+            handleProgressButtonClick(button, waitingText, longWaitingText, errorPage, isInput, customErrorTimeout || DEFAULT_ERROR_TIMEOUT);
             // If no form, we're done. If there is a form, the form submit handler will take over
             if (!form) {
                 return;
@@ -354,7 +358,7 @@ function initialiseProgressButtons(document = window.document) {
         }
     });
 }
-function handleProgressButtonClick(element, waitingText, longWaitingText, errorPage, isInput) {
+function handleProgressButtonClick(element, waitingText, longWaitingText, errorPage, isInput, errorTimeoutDuration = DEFAULT_ERROR_TIMEOUT) {
     var originalText = isInput && element instanceof HTMLInputElement ? element.value : element.innerText;
     const statusRegion = document.querySelector('.govuk-visually-hidden[role="status"]');
     if (typeof element.blur === 'function') {
@@ -402,7 +406,7 @@ function handleProgressButtonClick(element, waitingText, longWaitingText, errorP
     }, 5000);
     var errorTimeout = window.setTimeout(function () {
         window.location.href = errorPage;
-    }, 10000);
+    }, errorTimeoutDuration);
     function resetButton() {
         var classes = element.className.split(' ');
         var loadingIndex = classes.indexOf('govuk-button--progress-loading');

package/build/esm/frontend/progress-button/progress-button.d.ts

@@ -1,2 +1,2 @@
-export declare function initialiseProgressButtons(document?: Document): void;
+export declare function initialiseProgressButtons(document?: Document, customErrorTimeout?: number): void;
 //# sourceMappingURL=progress-button.d.ts.map

package/build/esm/frontend/progress-button/progress-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress-button.d.ts","sourceRoot":"","sources":["../../../../frontend-src/progress-button/progress-button.ts"],"names":[],"mappings":"AAAA,wBAAgB,yBAAyB,CAAC,QAAQ,GAAE,QAA0B,QAiF7E"}
+{"version":3,"file":"progress-button.d.ts","sourceRoot":"","sources":["../../../../frontend-src/progress-button/progress-button.ts"],"names":[],"mappings":"AAEA,wBAAgB,yBAAyB,CAAC,QAAQ,GAAE,QAA0B,EAAE,kBAAkB,CAAC,EAAE,MAAM,QAmF1G"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@govuk-one-login/frontend-ui",
-  "version": "4.2.1",
+  "version": "4.2.3",
   "description": "",
   "main": "build/cjs/backend/index.cjs",
   "module": "build/esm/backend/index.js",
@@ -57,7 +57,7 @@
   },
   "types": "./build/esm/backend/index.d.ts",
   "optionalDependencies": {
-    "@govuk-one-login/frontend-analytics": "^4.0.6",
+    "@govuk-one-login/frontend-analytics": "^4.0.7",
     "hmpo-components": "^7.1.0"
   }
 }