@govuk-one-login/frontend-ui 4.1.4 → 4.2.0

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

@@ -0,0 +1,136 @@
+{% if MAY_2025_REBRAND_ENABLED %}
+{% set govukRebrand = true %}
+{% endif %}
+
+{% extends "govuk/template.njk" %}
+
+{% from "frontend-ui/build/components/cookie-banner/macro.njk" import frontendUiCookieBanner %}
+{% from "frontend-ui/build/components/phase-banner/macro.njk" import frontendUiPhaseBanner %}
+{% from "frontend-ui/build/components/header/macro.njk" import frontendUiHeader %}
+{% from "frontend-ui/build/components/footer/macro.njk" import frontendUiFooter %}
+{% from "govuk/components/back-link/macro.njk" import govukBackLink %}
+{% from "frontend-ui/build/components/language-select/macro.njk" import frontendUiLanguageSelect %}
+
+{% if strategicAppChannel == true %}
+  {% set htmlClasses = 'govuk-template__mobile' %}
+{% endif %}
+
+{% block head %}
+  <!--[if !IE 8]><!-->
+  <link href="/public/style.css" rel="stylesheet">
+  <!--<![endif]-->
+
+  <!--[if IE 8]>
+  <link href="/govuk-frontend/all-ie8.css" rel="stylesheet">
+  <![endif]-->
+
+  <!--[if lt IE 9]>
+  <script src="/html5-shiv/html5shiv.js"></script>
+  <![endif]-->
+
+  {% block headMetaData %}{% endblock %}
+{% endblock %}
+
+{% block pageTitle %}
+  {% if error or errors %}
+    {{ 'general.errorTitlePrefix' | translate }} -
+  {% endif %}
+  {% if pageTitleName %}
+    {{ pageTitleName }} -
+  {% endif %}
+  {{ 'general.serviceNameTitle' | translate }}
+{% endblock %}
+
+{% block bodyStart %}
+  {% block cookieBanner %}
+    {{ frontendUiCookieBanner({
+      translations: translations.translation.cookieBanner
+    }) }}
+  {% endblock %}
+{% endblock %}
+
+{% set phaseBannerClasses = "test-banner" if showTestBanner %}
+
+{% block header %}
+    {{ frontendUiHeader({
+      translations: translations.translation.header,
+      homepageUrl: "https://www.gov.uk",
+      classes: phaseBannerClasses
+    }) }}
+{% endblock %}
+
+  {% if showTestBanner %}
+    {% set phaseBannerText = 'general.phaseBanner.testEnvironmentMessage' | translate %}
+  {% else %}
+    {% set phaseBannerText = 'phaseBanner.text' | translate %}
+  {% endif %}
+
+  {% if showTestBanner %}
+    {% set phaseBannerTag = 'general.phaseBanner.tag.test' | translate %}
+  {% else %}
+     {% set phaseBannerTag = 'general.phaseBanner.tag.beta' | translate %}
+  {% endif %}
+
+{% block main %}
+  <div class="govuk-width-container {{ containerClasses }}">
+      {{ frontendUiPhaseBanner({
+        translations: translations.translation.phaseBanner,
+        url: currentUrl,
+        contactUrl: contactUsLinkUrl,
+        tag: phaseBannerTag,
+        phaseBannerText: phaseBannerText
+      }) }}
+    {% block beforeContent %}{% endblock %}
+    {% if languageToggleEnabled %}
+      {{ frontendUiLanguageSelect({
+        translations: translations.translation.languageSelect,
+        url: currentUrl,
+        activeLanguage: htmlLang
+      }) }}
+    {% endif %}
+    {% if showBack %}
+      {{ govukBackLink({
+        text: "general.back" | translate,
+        href: hrefBack
+      }) }}
+    {% endif %}
+    <main class="govuk-main-wrapper {{ mainClasses }}" id="main-content" role="main" {% if mainLang %} lang="{{ mainLang }}"{% endif %}>
+      <div class="govuk-grid-row">
+        <div class="govuk-grid-column-two-thirds {{ rowClasses }}">
+          {% block content %}{% endblock %}
+        </div>
+      </div>
+    </main>
+  </div>
+{% endblock %}
+
+{% block footer %}
+  {% if strategicAppChannel === true %}
+  {% else %}
+    {{ frontendUiFooter({
+      translations: translations.translation.footer
+    }) }}
+  {% endif %}
+{% endblock %}
+
+{% block bodyEnd %}
+  {% block scripts %}{% endblock %}
+  <script type="text/javascript" src="/public/scripts/dataLayerEvents.js"></script>
+  <script type="text/javascript" src="/public/scripts/application.js"></script>
+  <script type="text/javascript" src="/public/scripts/all.js"></script>
+  <script type="text/javascript" src="/public/scripts/analytics.js"></script>
+  <script type="text/javascript" {% if scriptNonce %} nonce="{{ scriptNonce }}"{% endif %}>
+    if (window.DI) {
+      if (window.DI.appInit) {
+        window.DI.appInit({
+          ga4ContainerId: "{{ga4ContainerId}}",
+          uaContainerId: "not used" // We don't use UA anymore, but it's a required param
+        }, {
+          isDataSensitive: false,
+          enableGa4Tracking: {{isGa4Enabled}},
+          cookieDomain: "{{analyticsCookieDomain}}"
+        });
+      }
+    }
+  </script>
+{% endblock %}

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

@@ -0,0 +1,133 @@
+{% if MAY_2025_REBRAND_ENABLED %}
+{% set govukRebrand = true %}
+{% endif %}
+
+{% extends "govuk/template.njk" %}
+{% from "common/ga4-opl/macro.njk" import ga4OnPageLoad %}
+{% from "frontend-ui/build/components/cookie-banner/macro.njk" import frontendUiCookieBanner %}
+{% from "frontend-ui/build/components/header/macro.njk" import frontendUiHeader%}
+{% from "frontend-ui/build/components/phase-banner/macro.njk" import frontendUiPhaseBanner %}
+{% from "frontend-ui/build/components/language-select/macro.njk" import frontendUiLanguageSelect %}
+{% from "frontend-ui/build/components/footer/macro.njk" import frontendUiFooter %}
+
+{% block head %}
+  {# Dynatrace RUM snippet #}
+  {% if dynatraceRumUrl %}
+    <script src="{{ dynatraceRumUrl }}" crossorigin="anonymous" nonce="{{ scriptNonce }}"></script>
+  {% endif %}
+  <link href="/public/style.css" rel="stylesheet">
+
+{% endblock %}
+
+{% block pageTitle %}
+  {%- if error or errors %} 
+    {{ 'general.errorTitlePrefix' | translate }} - 
+  {%- endif -%}
+  {%- if pageTitleName -%}
+    {{ pageTitleName }}
+    {%- if not hideTitleProductName %} - {% endif -%}
+  {% endif -%}
+  {{ 'general.serviceNameTitle' | translate if not hideTitleProductName }}
+{%- endblock %}
+
+{% block bodyStart %}
+  {% block cookieBanner %}
+    {{ frontendUiCookieBanner({
+      translations: translations.translation.cookieBanner
+    }) }}
+  {% endblock %}
+{% endblock %}
+{% block header %}
+     {{ frontendUiHeader({
+      translations: translations.translation.header,
+      homepageUrl: "https://www.gov.uk",
+      signOutLink: accountSignOut
+    }) }}
+{% endblock %}
+
+{% block main %}
+  <div class="govuk-width-container {{ containerClasses }}">
+    {{ frontendUiPhaseBanner({
+      translations: translations.translation.phaseBanner,
+      url: currentUrl,
+      contactUrl: ("[supportUrl]", authFrontEndUrl + "/contact-us-questions?theme=suggestions_feedback")
+    }) if not hidePhaseBanner }}
+
+    {% if showLanguageToggle %}
+      {{ frontendUiLanguageSelect({
+        translations: translations.translation.languageSelect,
+        url: currentUrl,
+        activeLanguage: htmlLang
+      }) }}
+    {% endif %}
+
+    {% block backLinkBlock %}
+      {% if backLink %}
+        <a href="{{ backLink }}" class="govuk-back-link js-back-link">
+          {{ backLinkText }}
+          {{ 'general.back' | translate if not backLinkText }}
+        </a>
+      {% endif %}
+    {% endblock %}
+
+    {% block beforeContent %}{% endblock %}
+
+    <main class="govuk-main-wrapper {{ mainClasses }}" id="main-content" {% if mainLang %} lang="{{ mainLang }}" {% endif %}>
+      {% block content %}{% endblock %}
+    </main>
+  </div>
+
+  {% block feedback %}{% endblock %}
+{% endblock %}
+
+{% block footer %}
+  {{ frontendUiFooter({
+    translations: translations.translation.footer
+  }) }}
+{% endblock %}
+
+{% block bodyEnd %}
+  {% block scripts %}{% endblock %}
+
+  <script type="module" src="/public/scripts/govuk-frontend.min.js" {% if scriptNonce %} nonce="{{ scriptNonce }}"{% endif %}></script>
+
+  <script type="module" {% if scriptNonce %} nonce="{{ scriptNonce }}"{% endif %}>
+    import { initAll } from '/public/scripts/govuk-frontend.min.js';
+    initAll();
+  </script>
+
+  <script type="text/javascript" src="/public/scripts/analytics.js" nonce="{{ scriptNonce }}"></script>
+
+  <script type="text/javascript" nonce="{{ scriptNonce }}">
+    {% if backLinkJS %}
+      var backLink = document.querySelector('.js-back-link');
+      if (backLink) {
+        backLink.addEventListener('click', function(e) {
+          var referrer = new URL(document.referrer).hostname;
+          if (referrer === document.location.hostname && window.history.length > 2) {
+            event.preventDefault();
+            window.history.back();
+          }
+        });
+      }
+    {% endif %}
+  </script>
+
+  <script type="text/javascript" {% if scriptNonce %} nonce="{{ scriptNonce }}"{% endif %}>
+    if (window.DI) {
+      window.DI.appInit({
+        ga4ContainerId: "{{ ga4ContainerId }}"
+      }, {
+        enableGa4Tracking: {{ isGa4Enabled }},
+        cookieDomain: "{{ analyticsCookieDomain }}",
+        isDataSensitive: true,
+        enablePageViewTracking: true,
+        enableFormResponseTracking: true,
+        enableFormChangeTracking: true,
+        enableFormErrorTracking: true,
+        enableNavigationTracking: true,
+        enableSelectContentTracking: {{ isSelectContentTrackingEnabled }}
+      });
+    }
+  </script>
+{% endblock %}

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

@@ -0,0 +1,123 @@
+{% if MAY_2025_REBRAND_ENABLED %}
+  {% set govukRebrand = true %}
+  {% set assetPath = "/public/rebrand"%}
+{% endif %}
+
+{% if isPageDataSensitive is not defined %}
+    {% set isPageDataSensitive = true %}
+{% endif %}
+{% set taxLevel1 = 'web cri' %}
+
+{% extends "form-template.njk" %}
+
+{% from "frontend-analytics/components/ga4-opl/macro.njk" import ga4OnPageLoad %}
+{% from "frontend-ui/build/components/cookie-banner/macro.njk" import frontendUiCookieBanner %}
+{% from "frontend-ui/build/components/phase-banner/macro.njk" import frontendUiPhaseBanner %}
+{% 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 %}
+
+{% block head %}
+  <link rel="stylesheet" href="/public/stylesheets/application.css"/>
+{% endblock %}
+
+{%- block pageTitle %}
+  {{- (translate("govuk.error", { default: "Error" }) + ": ") if errorlist.length }}{{ hmpoTitle | safe }}{{ " – " + govukServiceName | safe if govukServiceName !== " " }} – GOV.UK One Login
+{%- endblock %}
+
+{% block header %}
+  {% block cookieBanner %}
+    {{ frontendUiCookieBanner({
+    translations: translations.cookieBanner
+  }
+  )}}
+  {% endblock %}
+
+  {% block govukHeader %}
+    {{ frontendUiHeader({
+      translations: translations.header,
+      homepageUrl: "https://www.gov.uk"
+    }) }}
+  {% endblock %}
+{% endblock %}
+
+{% block beforeContent %}
+  {{ frontendUiPhaseBanner({
+      translations: translations.phaseBanner,
+      url: currentUrl,
+      contactUrl: 'https://signin.account.gov.uk/contact-us'
+    }) }}
+  {% block backLink %}
+    {{ frontendUiLanguageSelect({
+      translations: translations.languageSelect,
+      url: currentUrl,
+      activeLanguage: htmlLang
+    }) }}
+    {% if backLink %}
+      {% from "govuk/components/back-link/macro.njk" import govukBackLink %}
+      <span id="back">{{ govukBackLink({
+          text: translate("govuk.backLink"),
+          href: backLink}) }}
+      </span>
+    {% endif %}
+
+  {% endblock %}
+{% endblock %}
+
+{% block footer %}
+  {{ frontendUiFooter({
+    translations: translations.footer
+  }) }}
+{% endblock %}
+
+{% block bodyEnd %}
+  {% block scripts %}
+    <script type="text/javascript" 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({
+          ga4ContainerId: "{{ga4ContainerId}}",
+          uaContainerId: "{{uaContainerId}}"
+        }, {
+          enableGa4Tracking: {{ga4Enabled}},
+          enableUaTracking: {{uaEnabled}},
+          enablePageViewTracking: {{ga4PageViewEnabled}},
+          enableFormErrorTracking: {{ga4FormErrorEnabled}},
+          enableFormChangeTracking: {{ga4FormChangeEnabled}},
+          enableFormResponseTracking: {{ga4FormResponseEnabled}},
+          enableNavigationTracking: {{ga4NavigationEnabled}},
+          enableSelectContentTracking: {{ga4SelectContentEnabled}},
+          cookieDomain: "{{analyticsCookieDomain}}",
+          isDataSensitive: {{analyticsDataSensitive}},
+          isPageDataSensitive: {{isPageDataSensitive}}
+        });
+    </script>
+
+    {% if deviceIntelligenceEnabled %}
+      <script type="module" src="/public/javascripts/deviceIntelligence.js"></script>
+      <script type="module" {% if cspNonce %} nonce="{{ cspNonce }}"{%  endif %}>
+        import {setFingerprintCookie} from "/public/javascripts/deviceIntelligence.js";
+        setFingerprintCookie("{{deviceIntelligenceDomain}}")
+      </script>
+    {% endif %}
+
+    {{ ga4OnPageLoad({
+        nonce: cspNonce,
+        statusCode: statusCode,
+        dynamic: isPageDynamic,
+        englishPageTitle: pageTitleKey | translate,
+        taxonomyLevel1: taxLevel1,
+        taxonomyLevel2: taxLevel2,
+        taxonomyLevel3: taxLevel3,
+        taxonomyLevel4: taxLevel4,
+        taxonomyLevel5: taxLevel5,
+        contentId: contentID,
+        loggedInStatus: loggedInStatus
+    }) }}
+  {% endblock %}
+{% endblock %}

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

@@ -0,0 +1,123 @@
+{% if MAY_2025_REBRAND_ENABLED %}
+  {% set govukRebrand = true %}
+  {% set assetPath = "/public/rebrand"%}
+{% endif %}
+
+{% if isPageDataSensitive is not defined %}
+    {% set isPageDataSensitive = true %}
+{% endif %}
+{% set taxLevel1 = 'web cri' %}
+
+{% extends "hmpo-template.njk" %}
+
+{% from "frontend-analytics/components/ga4-opl/macro.njk" import ga4OnPageLoad %}
+{% from "frontend-ui/build/components/cookie-banner/macro.njk" import frontendUiCookieBanner %}
+{% from "frontend-ui/build/components/phase-banner/macro.njk" import frontendUiPhaseBanner %}
+{% 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 %}
+
+{% block head %}
+  <link rel="stylesheet" href="/public/stylesheets/application.css"/>
+{% endblock %}
+
+{%- block pageTitle %}
+  {{- (translate("govuk.error", { default: "Error" }) + ": ") if errorlist.length }}{{ hmpoTitle | safe }}{{ " – " + govukServiceName | safe if govukServiceName !== " " }} – GOV.UK One Login
+{%- endblock %}
+
+{% block header %}
+  {% block cookieBanner %}
+    {{ frontendUiCookieBanner({
+    translations: translations.cookieBanner
+  }
+  )}}
+  {% endblock %}
+
+  {% block govukHeader %}
+    {{ frontendUiHeader({
+      translations: translations.header,
+      homepageUrl: "https://www.gov.uk"
+    }) }}
+  {% endblock %}
+{% endblock %}
+
+{% block beforeContent %}
+  {{ frontendUiPhaseBanner({
+      translations: translations.phaseBanner,
+      url: currentUrl,
+      contactUrl: 'https://signin.account.gov.uk/contact-us'
+    }) }}
+  {% block backLink %}
+    {{ frontendUiLanguageSelect({
+      translations: translations.languageSelect,
+      url: currentUrl,
+      activeLanguage: htmlLang
+    }) }}
+    {% if backLink %}
+      {% from "govuk/components/back-link/macro.njk" import govukBackLink %}
+      <span id="back">{{ govukBackLink({
+          text: translate("govuk.backLink"),
+          href: backLink}) }}
+      </span>
+    {% endif %}
+
+  {% endblock %}
+{% endblock %}
+
+{% block footer %}
+  {{ frontendUiFooter({
+    translations: translations.footer
+  }) }}
+{% endblock %}
+
+{% block bodyEnd %}
+  {% block scripts %}
+    <script type="text/javascript" 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({
+          ga4ContainerId: "{{ga4ContainerId}}",
+          uaContainerId: "{{uaContainerId}}"
+        }, {
+          enableGa4Tracking: {{ga4Enabled}},
+          enableUaTracking: {{uaEnabled}},
+          enablePageViewTracking: {{ga4PageViewEnabled}},
+          enableFormErrorTracking: {{ga4FormErrorEnabled}},
+          enableFormChangeTracking: {{ga4FormChangeEnabled}},
+          enableFormResponseTracking: {{ga4FormResponseEnabled}},
+          enableNavigationTracking: {{ga4NavigationEnabled}},
+          enableSelectContentTracking: {{ga4SelectContentEnabled}},
+          cookieDomain: "{{analyticsCookieDomain}}",
+          isDataSensitive: {{analyticsDataSensitive}},
+          isPageDataSensitive: {{isPageDataSensitive}}
+        });
+    </script>
+
+    {% if deviceIntelligenceEnabled %}
+      <script type="module" src="/public/javascripts/deviceIntelligence.js"></script>
+      <script type="module" {% if cspNonce %} nonce="{{ cspNonce }}"{%  endif %}>
+        import {setFingerprintCookie} from "/public/javascripts/deviceIntelligence.js";
+        setFingerprintCookie("{{deviceIntelligenceDomain}}")
+      </script>
+    {% endif %}
+
+    {{ ga4OnPageLoad({
+        nonce: cspNonce,
+        statusCode: statusCode,
+        dynamic: isPageDynamic,
+        englishPageTitle: pageTitleKey | translate,
+        taxonomyLevel1: taxLevel1,
+        taxonomyLevel2: taxLevel2,
+        taxonomyLevel3: taxLevel3,
+        taxonomyLevel4: taxLevel4,
+        taxonomyLevel5: taxLevel5,
+        contentId: contentID,
+        loggedInStatus: loggedInStatus
+    }) }}
+  {% endblock %}
+{% endblock %}

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

@@ -0,0 +1,172 @@
+{% if MAY_2025_REBRAND_ENABLED %}
+    {% set govukRebrand = true %}
+{% endif %}
+
+{% if isPageDataSensitive is not defined %}
+    {% set isPageDataSensitive = true %}
+{% endif %}
+{% set taxLevel1 = 'web cri' %}
+{% set taxLevel2 = 'pre cri' %}
+
+
+{% extends "govuk/template.njk" %}
+{% from "frontend-ui/build/components/cookie-banner/macro.njk" import frontendUiCookieBanner %}
+{% from "frontend-ui/build/components/phase-banner/macro.njk" import frontendUiPhaseBanner %}
+{% 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 "frontend-analytics/components/ga4-opl/macro.njk" import ga4OnPageLoad %}
+{% from "govuk/components/back-link/macro.njk" import govukBackLink %}
+{% from "govuk/components/error-summary/macro.njk" import govukErrorSummary %}
+{% from "govuk/components/notification-banner/macro.njk" import govukNotificationBanner %}
+
+{# Set language values for govuk/template.njk #}
+{% set htmlLang = currentLanguage %}
+{% set pageTitleLang = currentLanguage %}
+{% set mainLang = currentLanguage %}
+
+{% block head %}
+    {# Dynatrace RUM snippet #}
+    {% if dynatraceRumUrl %}
+        <script src='{{ dynatraceRumUrl }}' crossorigin="anonymous" nonce='{{ cspNonce }}'></script>
+    {% endif %}
+
+    <link href="/public/stylesheets/application.css" rel="stylesheet">
+
+    {# For older browsers to allow them to recognise HTML5 elements such as `<header>` #}
+    <!--[if lt IE 9]>
+    <script nonce='{{ cspNonce }}' src="/html5-shiv/html5shiv.js"></script>
+    <![endif]-->
+
+    {% block headMetaData %}{% endblock %}
+
+{% endblock %}
+
+{% block pageTitle-%}
+    {%- if pageErrorState %}
+        {{ 'general.govuk.errorTitlePrefix' | translate }}
+    {% endif %}
+    {%- if pageTitleKey %}{{ pageTitleKey | translateWithContextOrFallback(context) }} – GOV.UK One Login{% endif %}
+{%- endblock %}
+
+{% block bodyStart %}
+    {% block cookieBanner %}
+        {{ frontendUiCookieBanner({
+    translations: translations.translation.cookieBanner
+  }
+  )}}
+
+        {%endblock%}
+    {% endblock %}
+
+    {% block header %}
+        {{ frontendUiHeader({
+      translations: translations.translation.header,
+      homepageUrl: "https://www.gov.uk",
+      signOutLink: logoutUrl
+    }) }}
+    {% endblock %}
+
+    {% block main %}
+        <div class="govuk-width-container {{ containerClasses }}">
+            {{ frontendUiPhaseBanner({
+      translations: translations.translation.phaseBanner,
+      url: currentUrl,
+      contactUrl: contactUsUrl
+    }) }}
+
+            {% block beforeContent %}{% endblock %}
+            {% if showLanguageToggle %}
+                {{ frontendUiLanguageSelect({
+      translations: translations.translation.languageSelect,
+      url: currentUrl,
+      activeLanguage: htmlLang
+    }) }}
+            {% endif %}
+            {% if showBack %}
+                {{ govukBackLink({
+                text: "general.govuk.backLink" | translate,
+                href: hrefBack
+            }) }}
+            {% endif %}
+            <main class="govuk-main-wrapper {{ mainClasses }}" id="main-content"{% if currentLanguage %} lang="{{ currentLanguage }}"{% endif %}>
+                <div class="govuk-grid-row">
+                    <div class="govuk-grid-column-two-thirds {{ rowClasses }}">
+                        {% if (displayBanner) %}
+                            {{ govukNotificationBanner({
+                        html: bannerMessage,
+                        type: bannerType,
+                        titleText: bannerTitleText
+                    }) }}
+                        {% endif %}
+
+                        {% if errorState %}
+                            {{ govukErrorSummary({
+                            titleText: errorTitle | default('Error Summary'),
+                            errorList: [
+                                {
+                                    text: errorText | translate,
+                                    href: errorHref | default("#")
+                                }
+                            ]
+                        }) }}
+                        {% endif %}
+                        {% block content %}{% endblock %}
+                    </div>
+                </div>
+            </main>
+        </div>
+    {% endblock %}
+
+    {% block footer %}
+        {{ frontendUiFooter({
+    translations: translations.translation.footer
+  }) }}
+    {% endblock %}
+
+    {% block bodyEnd %}
+        {% block scripts %}{% endblock %}
+        <script nonce='{{ cspNonce }}' src="/public/javascripts/application.js"></script>
+        <script type="module" nonce='{{ cspNonce }}' src="/public/javascripts/govuk-frontend.min.js"></script>
+        <script type="module" nonce='{{ cspNonce }}'>
+            import {initAll} from '/public/javascripts/govuk-frontend.min.js'
+            initAll()
+        </script>
+        {% if useDeviceIntelligence %}
+            <script type="module" nonce='{{ cspNonce }}' src="/public/javascripts/fingerprint.js"></script>
+            <script type="module" nonce='{{ cspNonce }}'>
+                import {setFingerprintCookie} from "/public/javascripts/fingerprint.js";
+                setFingerprintCookie('{{ serviceDomain }}')
+            </script>
+        {% endif %}
+        <script nonce='{{ cspNonce }}'>
+            window.DI = window.DI || {};
+            window.DI.httpStatusCode = {{ statusCode | d(200) }};
+            window.DI.journeyState = "{{ googleTagManagerPageId }}";
+            window
+                .DI
+                .appInit({
+                    ga4ContainerId: "{{ ga4ContainerId }}",
+                    uaContainerId: "{{ uaContainerId }}"
+                }, {
+                    isDataSensitive: {{analyticsDataSensitive}},
+                    isPageDataSensitive: {{isPageDataSensitive}},
+                    enableGa4Tracking: {{isGa4Enabled}},
+                    enableUaTracking: {{isUaEnabled}},
+                    cookieDomain: "{{analyticsCookieDomain}}"
+                });
+        </script>
+        {{ ga4OnPageLoad({
+        nonce: cspNonce,
+        statusCode: statusCode,         
+        dynamic: isPageDynamic,
+        englishPageTitle: pageTitleKey | translateToEnglish,
+        taxonomyLevel1: taxLevel1,
+        taxonomyLevel2: taxLevel2,
+        taxonomyLevel3: taxLevel3,
+        taxonomyLevel4: taxLevel4,
+        taxonomyLevel5: taxLevel5,
+        contentId: contentID
+    }) }}
+
+    {% endblock %}